codecamp

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
基本支持 支持 支持 支持 支持 支持 支持 支持 支持
window方法:restore()
window方法:scrollBy()
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Fetch API官方文档指南

Fetch API方法

WindowOrWorkerGlobalScope执行者:window

window属性

WindowOrWorkerGlobalScope执行者:WorkerGlobalScope

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }