加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > Windows > 正文

Window.scrollTo()

发布时间:2020-12-14 02:40:08 所属栏目:Windows 来源:网络整理
导读:摘要 滚动到文档中的某个坐标。 语法 window.scrollTo(x-coord,y-coord )window.scrollTo(options) 参数 x-coord ?是文档中的横轴坐标。 y-coord ?是文档中的纵轴坐标。 options ?是一个包含三个属性的对象: top ?等同于?? y-coord left ?等同于?? x-coord b

摘要

滚动到文档中的某个坐标。

语法


window.scrollTo(x-coord,y-coord )window.scrollTo(options)

参数

  • x-coord?是文档中的横轴坐标。
  • y-coord?是文档中的纵轴坐标。
  • options?是一个包含三个属性的对象:
  1. top?等同于??y-coord
  2. left?等同于??x-coord
  3. behavior? 类型String,表示滚动行为,支持参数 smooth(平滑滚动),instant(瞬间滚动),默认值auto,实测效果等同于instant

例子

window.scrollTo( 0,1000 );


// 设置滚动行为改为平滑的滚动
window.scrollTo({ 
?   top: 1000,?   behavior: "smooth" 
});

注意

该函数实际上和?window.scroll是一样的。?相对滚动可以参考?window.scrollBy,window.scrollByLines,和?window.scrollByPages。

规范

DOM Level 0 不属于任何标准.

浏览器兼容性

? Desktop Mobile
? Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Edge Mobile Firefox for Android Opera for Android Safari on iOS Samsung Internet
Basic support Full supportYes Full supportYes Full supportYes Full supportYes Full supportYes Full supportYes Full supportYes Full supportYes Full supportYes Full supportYes ? Full supportYes Full supportYes
ScrollToOptionsparameter Full support45 No supportNo Full supportYes No supportNo Full support32 No supportNo Full support45 Full support45 No supportNo Full supportYes Full support32 No supportNo Full supportYes

参考:https://developer.mozilla.org/zh-CN/docs/Web/API/Window/scrollTo

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读