Code前端首页关于Code前端联系我们

js滚动到页面顶部

terry 2年前 (2023-09-09) 阅读数 177 #Javascript
文章标签 JavaScriptscrollTo

这篇文章我会教你如何使用原生js的scrollTo滚动到页面顶部。

如果您不需要滚动动画,则无需使用任何插件。

我们可以使用原生的 JavaScript 窗口。 ScrollTo 并传递 0.0 将立即滚动到页面的左上角。

element.scrollTo(x 坐标, y 坐标);
//或者
element.scrollTo(选项)

参数

  • x-coord 是距要滚动到的水平轴上的元素左上角的像素。
  • y-coord 是所需滚动位置垂直轴上元素左上角的像素。

  • options 是一个 ScrollToOptions 对象。

示例

element.scrollTo(0, 1000);
//滚动到选项
元素.scrollTo({
  前 100 名,
  left:100,
  行为:“平稳”
});

浏览器兼容性js滚动到页面顶部

版权声明

本文仅代表作者观点,不代表Code前端网立场。
本文系作者Code前端网发表,如需转载,请注明页面地址。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门