wordpress   发布时间:2022-04-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Window.scrollTo()大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

概述

摘要 滚动到文档中的某个坐标。 语法 window.scrollTo(x-coord,y-coord )window.scrollTo(options) 参数 x-coord 是文档中的横轴坐标。 y-coord 是文档中的纵轴坐标。 options 是一个包含三个属性的对象: top 等同于  y-coord left 等同于  x-coord behavior  类型String,表示滚动

摘要

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

语法


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.scrollBywindow.scrollByLines,和 window.scrollByPages

规范

DOM Level 0 不属于任何标准.

浏览器兼容性

@H_882_102@mobile
  Desktop
  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

大佬总结

以上是大佬教程为你收集整理的Window.scrollTo()全部内容,希望文章能够帮你解决Window.scrollTo()所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。