目录

思路:判断拖动浏览器滚动的高度,动态给菜单添加固定悬浮样式。

Jquery代码

$(window).scroll(function(){   
    var h_num=$(window).scrollTop(); 
    //得到最下方侧边栏的top值
    var top = $(".widget-nav").position().top;
    //当滚动大于侧边栏,开始固定悬浮div        
    if(h_num>top+100){   
        $('.fixedDiv').addClass('fixer');       
    }else{   
        $('.fixedDiv').removeClass('fixer');            
    }       
});

CSS代码

.fixer{ display:inline;position:fixed; top:0px;_position:absolute;_top:e-xpression(documentElement.scrollTop+10 + "px")}

具体效果参考本博。