返回顶部

jQuery

$('.totop').on('click', function () {
            $('body,html').animate({
                scrollTop: 0,
            }, 80);
        })

原生

var topBtn = document.querySelector('.totop');
        
        function totop(speed, delay) {
            var timer = null;

            timer = setInterval(function () {
                var currentScroll = document.documentElement.scrollTop || document.body.scrollTop;
                document.documentElement.scrollTop = document.body.scrollTop = currentScroll - speed;
                if (currentScroll == 0) {
                    clearInterval(timer);
                }
            }, delay);
        }

        topBtn.addEventListener('click', function () {
            totop(50, 10);
        })
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容