使用window.scrollTo()方法滚动页面

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

window.scrollTo()方法

window.scrollTo()方法可以用于滚动页面,它可以接受两个参数:x和y,分别表示横向和纵向滚动的像素值。

window.scrollTo(x,y);

例如,要滚动到页面顶部,可以使用以下代码:

window.scrollTo(0,0);

要滚动到页面底部,可以使用以下代码:

window.scrollTo(0,document.body.scrollHeight);

要滚动到指定元素,可以使用以下代码:

window.scrollTo(0,document.getElementById('elementId').offsetTop);

要滚动到指定坐标,可以使用以下代码:

window.scrollTo(100,200);

还可以使用window.scrollBy()方法,它可以接受两个参数:x和y,分别表示横向和纵向滚动的像素值,但这个像素值是相对于当前位置的增量而不是绝对位置。

window.scrollBy(x,y);

例如,要滚动页面向下滚动100像素,可以使用以下代码:

window.scrollBy(0,100);

要滚动页面向右滚动100像素,可以使用以下代码:

window.scrollBy(100,0);
标签:

版权声明

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