当滚动条的位置处于距顶部100像素以下时,跳转链接出现,否则消失(返回顶部的代码)

2016-01-01 13:41:55  访问(1877) 赞(0) 踩(0)

$(function() {
            //当滚动条的位置处于距顶部100像素以下时,跳转链接出现,否则消失
            $(function() {
                $(window).scroll(function() {
                    if ($(window).scrollTop() > 100) {
                        $("#back-to-top").fadeIn(1000);
                    }
                    else {
                        $("#back-to-top").fadeOut(1000);
                    }
                });
                //当点击跳转链接后,回到页面顶部位置
                $("#back-to-top").click(function() {
                    $('body,html').animate({ scrollTop: 0 }, 600);
                    return false;
                });
            });
        });


标签:当滚动条的位置处于距顶部100像素以下时,跳转链接出现,否则消失(返回顶部的代码) 

上一条:

下一条:


 

相关评论

评论加载中……
 

发表评论

类型:
内容:
  (Alt+Enter)
 
  ┈全部┈  
 
(显示默认分类)