目录

滚动式固定导航

滚动式固定导航

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

    $(function () {
    
        var ie6 = /msie 6/i.test(navigator.userAgent)
    
        , dv = $('.news_shangto'), st;
    
        dv.attr('otop', dv.offset().top); //存储原来的距离顶部的距离
    
        $(window).scroll(function () {
    
            st = Math.max(document.body.scrollTop || document.documentElement.scrollTop);
    
            if (st >= parseInt(dv.attr('otop'))) {
    
                if (ie6) {//IE6不支持fixed属性,所以只能靠设置position为absolute和top实现此效果
    
                    dv.css({ position: 'absolute', top: st });
    
                }
    
                else if (dv.css('position') != 'fixed') dv.css({ 'position': 'fixed', top: 0 });
    
            } else if (dv.css('position') != 'static') dv.css({ 'position': 'static' });
    
        });
    
    });