scrolltop 原生js_原生 Javascript 实现平滑滚动到顶部 | 智慧宫

平滑滚动到顶部

使用JQuery实现页面平滑滚动非常方便，只需要获取到元素，添加点击事件，使用animate,然后将ScrollTop 方法返回或设置匹配元素的滚动条的垂直位置值设置为0即可，只需要几行代码便可以实现，如下代码所示：/**

* smooth scroll to top with jquery

*

* @author 智慧宫

* @link https://www.hanost.com

*/

$('#scrollUp').click(function(e) {

e.preventDefault();

$('html,body').animate({

scrollTop: 0

});

});

如果不使用jQuery怎么做才能实现平滑滚动到顶部呢，请看下面的代码，大神忽略

HTML代码/**

* smooth scroll to top html

*

* @author 智慧宫

* @link https://www.hanost.com

*/

Javascript代码

获取向上滚动按钮&#