scrollBy的用法 - zyb_icanplay - ITeye博客

`

zyb_icanplay

浏览: 26909 次
性别:
来自: 广州

最近访客更多访客>>

woodding2008

qq_21952271

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

scrollBy的用法

阅读更多

谢谢！

原文地址：scrollBy的用法作者：全力以赴PHP

用法一：实现自动阅读
<html>
<wbr><wbr><wbr> <head><br><wbr><wbr><wbr><wbr><wbr><wbr> <title>范例9-16</title><br><wbr><wbr><wbr> <body><br><wbr><wbr><wbr><wbr><wbr><wbr> <script language="javascript"><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> setInterval( "ScroWin()", 10 );<wbr><wbr><wbr> // 设定计时器<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> function ScroWin()<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> // 定时器函数<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> {<br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> window.scrollBy( 0, 1 );<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> // 向上滚动1px<wbr><wbr><wbr><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> }<br><wbr><wbr><wbr><wbr><wbr><wbr> </script><br><br><wbr><wbr><wbr><wbr><wbr><wbr> <hr /><br /><br /><br /><br /><br /><br /><wbr> <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br><wbr><wbr><wbr><wbr><wbr><wbr> 浏览器中的内容大于其显示区域时，<br><br><wbr><wbr><wbr><wbr><wbr><wbr> 一般会出现滚动条方便查看被遮挡的内容。<br><br><wbr><wbr><wbr><wbr><wbr><wbr> 用户可以拖动滚动条，也可以通过程序来控制窗口的滚动。<br><br><wbr><wbr><wbr><wbr><wbr><wbr> 调用window对象的scrollBy或scrollTo方法即可滚动文档，<br><br><wbr><wbr><wbr><wbr><wbr><wbr> 在一些设计比较人性化的文章阅读页面上就看到这样的应用，<br><br><wbr><wbr><wbr><wbr><wbr><wbr> 文章自动上滚，方便阅读<br><br><wbr><wbr><wbr> </body><br> </html><br><br> ------------------------------------------------------------------------<br><br> 用法二：让页面向上移动<br><h1>HTML DOM scrollBy() 方法</h1> <div> <p><a href="http://www.w3school.com.cn/htmldom/dom_obj_window.asp">HTML DOM Window 对象参考手册</a></p> </div> <h2>定义和用法</h2> <p>scrollBy() 方法可把内容滚动指定的像素数。</p> <h3>语法</h3> <pre> scrollBy(xnum,ynum) </pre> <table><tbody> <tr> <th>参数</th> <th>描述</th> </tr> <tr> <td>xnum</td> <td>必需。把文档向右滚动的像素数。</td> </tr> <tr> <td>ynum</td> <td>必需。把文档向下滚动的像素数。</td> </tr> </tbody></table> <br><br> <html><br> <head><br> <script type="text/javascript"><br> function scrollWindow()<br><wbr> {<br><wbr> window.scrollBy(100,100)<br><wbr> }<br> </script><br> </head><br> <body><br><br> <input type="button" onclick="scrollWindow()" value="Scroll" /><br> <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p><br> <br /><br> <br /><br> <br /><br> <br /><br> <br /><br> <br /><br> <br /><br> <br /><br /><br> <br /><br> <br /><br> <br /><br> <br /><br> <br /><br> <br /><br> <br /><br /><br> <br /><br> <br /><br> <br /><br> <br /><br> <br /><br> <br /><br> <br /><br> <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p><br> <br /><br> <br /><br> <br /><br> <br /><br> <br /><br> <br /><br> <br /><br> <br /><br><br> <br /><br> <br /><br> <br /><br> <br /><br> <br /><br> <br /><br> <br /><br> <br /><br /><br> <br /><br> <br /><br> <br /><br> <br /><br> <br /><br> <br /><br> <br /><br /><br> <br /><br> <br /><br> <br /><br> <br /><br> <br /><br> <br /><br> <br /><br> <p>SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL SCROLL</p><br><br> </body><br> </html><br></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

分享到：

js[周六代码分享]：爱问回答修改答… | html标签“<textarea>”文字对齐，让 ...

2013-01-11 11:42
浏览 421
评论(0)
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Android中滑屏初探 ---- scrollTo 以及 scrollBy方法使用说明: Android中滑屏初探 ---- scrollTo 以及 scrollBy方法使用说明 Android中滑屏初探 ---- scrollTo 以及 scrollBy方法使用说明 Android中滑屏初探 ---- scrollTo 以及 scrollBy方法使用说明

Android scrollTo和scrollBy方法使用解析: 在一个View中，系统提供了scrollTo、scrollBy两种方式来改变一个View的位置，下面通过本文给大家介绍Android scrollTo和scrollBy方法使用解析，需要的朋友参考下吧

浅谈window对象的scrollBy()方法: 本文给大家介绍的是windows对象中的scrollBy()的定义和使用方法，十分的细致全面，有需要的小伙伴可以参考下。

布局滑动 scrollTo 和 scrollBy 应用DEMO: android 布局之滑动探究 scrollTo 和 scrollBy 方法使用说明对应的博文地址：http://blog.csdn.net/vipzjyno1/article/details/24577023

Android自定义View弹性滑动Scroller详解: 它并不可以使View真正的滑动，而是配合scrollTo/ScrollBy让view产生缓慢的滑动，产生动画的效果，其实和属性动画是同一个原理。在我看来，Scroller跟属性动画的平移的效果是一样的。如何使用 //①实例一个...

descartia:descartia.js-一个简单，快速JavaScript库，用于惯性平滑滚动: 概述概述descartia.js是一个简单而快速JavaScript... （您可以使用scrollTo（），scrollBy（），浏览器的滚动条等） descartia.js可以检测窗口宽度并更改其行为，因此您可以在响应式布局中使用它。 descartia.js会在移

Android Scroller大揭秘: 在学习使用Scroller之前，需要明白scrollTo()、scrollBy()方法。一、View的scrollTo()、scrollBy() scrollTo、scrollBy方法是View中的，因此任何的View都可以通过这两种方法进行移动。首先要明白的是，scrollTo、...

Selenium 滚动页面至元素可见的方法: 滚动页面的方法： window.scrollBy() window.scrollBy(0,500)　向下滚动500个像素 window.scrollBy(0,-500)　向上滚动500个像素 window.scrollBy(500,0)　向右滚动500个像素 window.scrollBy(-500,0)　向左滚动...

Android 自定义View实现抽屉效果: Android 自定义View实现... 相应的，由于没有使用scrollBy方法，就没有产生getScrollX值，所以不能通过Scroller的startScroll方法来完成手指离开后的平滑滚动效果，而是使用了Animation动画的applyTransformation方法

自定义类型ViewPager组件及同步滚动条: 继承自ViewGroup然后配合Scroller完成滑动效果主要弄清楚scrollTo和scrollBy 及scroller的用法即可很容易实现

window属性大全: 熟练window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、setInterval、clearInterval、moveBy、resizeBy、scrollBy方法的使用

仿qq登录界面软键盘弹出时不覆盖登录注册按钮: 2、使用一个可以重叠的布局比如FrameLayout、RelativeLayout等，在布局底部放置一个充满屏幕的自定义布局，重写onSizeChanged方法，当高度变化超过100（认为超过100时是软件盘弹出或者隐藏的操作）时，调用接口回调...

js-window属性大全: js-window属性大全,window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、setInterval、clearInterval、moveBy、resizeBy、scrollBy方法的使用,掌握window对象的moveTo、resizeTo、scrollTo...

用Scroller完成一个简单的ViewPager: 2、重写computeScroll（）方法 computeScroll（）是在View的draw的时候调用的，而invalidate会导致View重绘，所以在重写computeScroll（）之后，我们要使用invalidate（）来间接调用它。过程为：invalidate（）->...

andorid自定义view Scroller详解含Demo 记录学习: Scroller的使用方法 (代码中也会将详细的使用步骤进行注释) 1.创建Scroller实例 2.调用startScroller()方法初始化滚动数据并刷新界面 3.重写computescroll()方法，并在内部完成平滑滚动逻辑其中的scrollTo() ,...

Android使用Scroller实现弹性滑动效果: View内部为了实现滑动提供了这两个方法，但是使用这两个方法滑动的效果是瞬间的不够平滑，如何实现View的弹性滑动呢？这正是本博文讨论的主题。另外这两个函数滑动的是View的内容不是View本身。比如对于普通View好比...

vimkey:类似于Vim的键映射: 用法 var Vimkey = require ( 'vimkey' ) ; var LINE_HEIGHT = 100 ; var normalMode = new Vimkey ( document , { countable : true , } ) ; normalMode . map ( '<Esc>' , function ( evt ) { this . reset ( )...

javascript常用对象梳理: 熟练window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、setInterval、clearInterval、moveBy、resizeBy、scrollBy方法的使用掌握window对象的moveTo、resizeTo、scrollTo、print方法...

Global site tag (gtag.js) - Google Analytics