首页 > Web开发 > 详细

jquery下滑到一定高度后,顶部固定

时间:2020-07-06 12:48:44      阅读:40      评论:0      收藏:0      [点我收藏+]

忘了从哪里复制的代码稍加修改了,留下来以后用

 $(document).ready(function(e) {
        t = $(‘.fixed‘).offset().top;//获取匹配元素在当前视口的相对偏移 .offset().top:获得位移高度
        mh = $(‘body‘).height();
        fh = $(‘.fixed‘).height();
        $(window).scroll(function(e){
            s = $(document).scrollTop();
            if(s > t - 10){
                $(‘.fixed‘).css(‘position‘,‘fixed‘);
                $(‘.qubie_detail‘).first().css("margin-top",fh);
                if(s + fh > mh){
                    $(‘.fixed‘).css(‘top‘,mh-s-fh+‘px‘);
                }
            }else{
                $(‘.fixed‘).css(‘position‘,‘‘);
                $(‘.qubie_detail‘).first().css("margin-top",‘0‘);
            }
        })
})

 

jquery下滑到一定高度后,顶部固定

原文:https://www.cnblogs.com/ting-0424/p/13253806.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!