首页 > WEB前端 > jQuery > 正文


jQuery返回顶部代码

02-12 22:40:45   来源:admin   评论: 点击:

jQuery返回顶部代码
<!--Go To Top-->
<a href="#" class="back-to-top" style="display: none;"></a>


/**
* 初始化回到顶部
*/
function initBackToTop(){
    /*根据滚动窗口来判断按钮显示或隐藏*/
    $(window).scroll(function() {
        if ($(this).scrollTop() > 100) {
            $('.back-to-top').fadeIn(100);
        } else {
            $('.back-to-top').fadeOut(100);
        }
    });
    /*点击回到顶部按钮回到顶部*/
    $('.back-to-top').click(function(event) {
        event.preventDefault();//这里很重要
        $('html, body').animate({scrollTop: 0}, 500);
    });

}

相关热词搜索:jQuery

上一篇:第一页 下一篇:如何使用jQuery的ajax实现滚动条滚动到l浏览器底部自动加载
分享到: 收藏