jquery 回到顶部动画

jquery 回到顶部简单动画 适配主流浏览器

html

    <a href="javascript:;" id="backup"></a>

js

<script>
    $(function(){
// 回到顶部
            $(window).scroll(function () {
                var $scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
                if ($scrollTop > 1000) {
                    $("#backup").show();
                } else {
                    $("#backup").hide();
                }
            })
            $("#backup").click(function () {
                $('body,html').animate({scrollTop: 0}, 200);
                return false;
            })  
});
</script>

猜你喜欢

转载自blog.csdn.net/weixin_42220039/article/details/82219172