之前写过几次返回顶部的按钮,但是因为没有在动画结束时,使用回调函数,所以一直没发现,其实动画是执行了两次的。各大论坛也很少有这个问题帖,就自己实验了下,如下代码成功运行。
var $backToTopBtn= $('.back-to-top-btn') ;
var back_to_top = function () {
$('html').animate({
scrollTop: 0
}, 1000, function() {
console.log('Top already!')
})
}
$backToTopBtn.on('click', back_to_top ) ;
// 返回顶部按钮,可以实现功能
// 将scrollTop赋值给 html 可以保证动画只 执行一次
结束啦
网友评论