JavaScript中的windowscrollby()方法

分类:知识百科 日期: 点击:0

是指通过滚动条滚动页面的方法,它可以接受两个参数,分别代表水平和垂直方向上滚动的距离。

window.scrollBy(x, y);

其中,x代表水平方向上滚动的距离,y代表垂直方向上滚动的距离,都是以像素为单位。如果x为正值,则滚动条向右移动;如果x为负值,则滚动条向左移动;如果y为正值,则滚动条向下移动;如果y为负值,则滚动条向上移动。

windowscrollby()方法可以用来实现页面滚动,如果需要滚动到指定的位置,可以使用windowscrollto()方法。

windowscrollby()方法的使用方法如下:

第一种方法:使用windowscrollby()方法滚动页面,比如:

window.scrollBy(0, 100);

这行代码表示滚动条向下滚动100像素。

第二种方法:使用windowscrollby()方法实现滚动条的滚动,比如:

document.getElementById('myDiv').scrollBy(0, 100);

这行代码表示滚动条向下滚动100像素,如果想要滚动指定的div,可以指定其id。

windowscrollby()方法是一个非常有用的方法,可以用来实现页面滚动,也可以用来实现滚动条的滚动。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。