悬浮回到顶部代码(带淡入淡出效果)

$(function() {

            $(window).scroll(function() {
                if ($(window).scrollTop() > 200) {
                    $('#gotop').fadeIn(500);
                } else {
                    $("#gotop").fadeOut(500);
                }
            });
            $("#gotop").click(function() {
                $('body,html').animate({
                    scrollTop: '0'
                }, 300);
                return false; //防止默认事件行为
            })

        })
<div class="public-gotop" id="gotop">回到顶部</div>

 

posted @ 2017-01-13 09:14  怪咖咖  阅读(1247)  评论(0编辑  收藏  举报