原生js的scrollTo来实现滚动到页面顶部。

方法一:

// 页面滚动到顶部
// 方法一
document.body.scrollTop=document.documentElement.scrollTop=0
// 方法二
document.body.scrollIntoView()
// scrollIntoView 是元素也有的方法, 可以用在页面元素上，例如
document.getElementById('id').scrollIntoView()

方法二:

//回到顶部
const scrollToTop = () => {undefined
const fromTopDistance = document.documentElement.scrollTop || document.body.scrollTop;
if (fromTopDistance > 0) {undefined
window.requestAnimationFrame(scrollToTop);
window.scrollTo(0, fromTopDistance - fromTopDistance/ 8);
//执行此方法
scrollToTop()

方法三:

$(".scroll").click(function(event)
  //prevent the default action for the click event
  event.preventDefault();
  //get the full url - like mysitecom/index.htm#home
  var full_url = this.href;
  //split the url by # and get the anchor target 
  //name - home in mysitecom/index.htm#home
  var parts = full_url.split("#");
  var trgt = parts[1];
  //get the top offset of the target anchor
  var target_offset = $("#"+trgt).offset();
  var target_top = target_offset.top;
  //goto that anchor by setting the body scroll top to anchor top
  $('html, body').animate({scrollTop:target_top}, 500);
});​

js平滑滚动到顶部,底部,指定地方 采用锚点进行页面中的跳转的确很方便，但是要想增加网页的效果，可以使用jquery中的animate，实现滚动的一个动作，慢慢的滚动到你想跳转到的位置 滚动到顶部：

$('.scroll_top').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);});

滚动到指定位置：

$('.scroll_a').click(function(){$('html,body').animate({scrollTop:$('.a').offset().top}, 800);});

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

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

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

参数

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

或者

• options 是一个ScrollToOptions对象。

例

element.scrollTo(0, 1000);