1. 犀牛前端部落首页
  2. JavaScript百科

js滚动到页面顶部

本文俺将教大家如何使用原生js的scrollTo来实现滚动到页面顶部。

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

我们可以使用原生的JavaScript window.scrollTo 传入0,0 将会立即滚动到页面左上角。

element.scrollTo(x-coord, y-coord);
//或者
element.scrollTo(options)

参数

  • x-coord 是期望滚动到位置水平轴上距元素左上角的像素。
  • y-coord 是期望滚动到位置竖直轴上距元素左上角的像素。

或者

  • options 是一个ScrollToOptions对象。

element.scrollTo(0, 1000);
//ScrollToOptions
element.scrollTo({
  top: 100,
  left: 100,
  behavior: 'smooth'
});

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

原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/2936.html

发表评论

登录后才能评论