window方法:scroll()
scroll()方法
scroll()方法将窗口滚动到文档中的特定位置。
scroll()方法语法
window.scroll(x-coord,y-coord)
window.scroll(options)
参数
- x-coord是您希望在左上角显示的文档水平轴上的像素。
- y-coord是您希望在左上角显示的文档垂直轴上的像素。
- options是一个具有三种可能属性的对象:
- top,这与y-coord是一样的;
- left,这与x-coord是一样的;
- behavior,这是一个含有smooth,instant或auto的字符串;
默认是auto。
示例
<!-- put the 100th vertical pixel at the top of the window -->
<button onClick="scroll(0, 100);">click to scroll down 100 pixels</button>
更改滚动行为
如果您要更改滚动的工作方式,可以在options对象中指定:
window.scroll({
top: 1000,
behavior: "smooth"
});
笔记
Window.scrollTo()与这种方法实际上是一样的。要滚动特定距离,请使用Window.scrollBy()。
另见Window.scrollByLines(),Window.scrollByPages()和Element.scrollIntoView()。
规范
规范 | 状态 | 注释 |
---|---|---|
CSS对象模型(CSSOM)视图模块
该规范中'window.scroll()'的定义。
|
Working Draft
|
初步定义。 |
浏览器兼容性
电脑端 | 移动端 | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome
|
Edge
|
Firefox
|
Internet Explorer
|
Opera
|
Safari
|
Android webview | Chrome for Android
|
Edge Mobile | Firefox for Android
|
Opera for Android
|
iOS Safari | |
基本支持 | 支持 | 支持 | 支持 | ? | ? | 支持 | 支持 | 支持 | ? | 支持 | ? | 支持 |