Jquery和CSS如何让一块div滚动到顶部的时候固定住

 

 

1.CSS设置成  position:static 默认状态，只要top，不要设置left,和right

2.滚动到顶部的时候变成 position:fixed,再弄margin-left,把他往左边顶过来，自己计算，切记，不要设置left和right.

3.这一块的父元素要设置position:relative,让他相对父元素来

 

 

 

 

JQuery实现代码：

 // 滚动到顶部固定
        $(function (){
            var navH=$('.box-footer').offset().top;
            $(window).scroll(function (){
                var scroH=$(this).scrollTop();
                if(scroH>=navH){
                    $(".box-footer").css({"position":"fixed","top":0,"margin-left":"990px"});
                }else if(scroH<navH){
                    $(".box-footer").css({"position":"static","margin-left":"20px"})
                }
            })
        })