返回顶部按钮

之前写过几次返回顶部的按钮,但是因为没有在动画结束时,使用回调函数,所以一直没发现,其实动画是执行了两次的。各大论坛也很少有这个问题帖,就自己实验了下,如下代码成功运行。

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 可以保证动画只 执行一次 

结束啦

你可能感兴趣的:(返回顶部按钮)