边栏滚动固定


这个函数要配合 css 使用;先在div 中设置好top 和bottom 的值;


scroll_on:function(div){

            var top = $(div).offset().top;

            $(window).scroll(function(){

                var scrolltop = $(window).scrollTop();

                if(top-scrolltop-97<0){

                    $(div).css({

                        'position':'fixed'

                    })

                }else{

                    $(div).css({

                        'position':'static'

                    })

                }

            })

        },

边栏滚动固定



边栏固定,当被固定内容高度比一些小屏幕电脑屏幕更大时,容易出现,固定栏跟底部内容重叠的状况;


 

这个时候,要先判断总内容是否大于可是高度。大于的话,就边栏固定,并在底部出现的时候,把边栏position回到文档,让底部可以“”顶“”边栏上去;


边栏滚动固定