來實現(xiàn)一個js平滑滾動到頂部的小功能
需要添加類名 top
// 平滑滾動到頂部
var scrollTopSmooth = function (position) {
if (!window.requestAnimationFrame) {
window.requestAnimationFrame = function (cb) {
return setTimeout(cb, 10);
};
}
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
var step = function () {
var distance = position - scrollTop;
scrollTop = scrollTop + distance / 5;
if (Math.abs(distance) < 1) {
window.scrollTo(0, position);
} else {
window.scrollTo(0, scrollTop);
requestAnimationFrame(step);
}
};
step();
}
$backToTop = document.querySelector('.top')
$backToTop.addEventListener('click', function () {
scrollTopSmooth(0);
}, false);
作者:Vam的金豆之路
主要領(lǐng)域:前端開發(fā)
我的微信:maomin9761
微信公眾號:前端歷劫之路