scrollTo()方法滚动文档到指定的坐标位置。
scrollTo()滚动到绝对位置,而window.scrollBy()滚动文档中的指定的像素数。
有关滚动元素,请参见element.scrollTop和element.scrollLeft。
window.scrollTo(x-coord, y-coord)
<button onclick="window.scrollTo(500, 0);">Click</button>测试看看‹/›
所有浏览器都完全支持scrollTo()方法:
Method | |||||
scrollTo() | 是 | 是 | 是 | 是 | 是 |
参数 | 描述 |
---|---|
x-coord | 想要在文档的水平轴上显示的像素在左上方 |
y-coord | 要显示在文档垂直轴上的像素,位于左上角 |
返回值: | 没有 |
---|
垂直滚动文档500像素:
<button onclick="window.scrollTo(0, 500);">Click</button>测试看看‹/›
水平和垂直滚动文档:
<button onclick="window.scrollTo(0, 50)">向下滚动</button> <button onclick="window.scrollTo(0, -50)">向上滚动</button> <button onclick="window.scrollTo(300, 0)">向右滚动</button> <button onclick="window.scrollTo(-300, 0)">向左滚动</button>测试看看‹/›
窗口(Window)参考:window.scrollBy()方法
HTML DOM参考:element .scrollLeft属性
HTML DOM参考:element .scrollTop属性