返回顶部按钮

作者: 你压我退毛了 | 来源:发表于2018-05-11 10:23 被阅读0次

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

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

结束啦

相关文章

网友评论

    本文标题:返回顶部按钮

    本文链接:https://www.haomeiwen.com/subject/cqzxdftx.html