滚动页面时DIV到达顶部时固定在顶部(jq实现)

最新推荐文章于 2021-01-13 11:17:28 发布

lowers_sunshine

最新推荐文章于 2021-01-13 11:17:28 发布

阅读量1.3k

点赞数

分类专栏： jQuery

jQuery 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

    <body style="margin:0px;">  
    <div style="height:300px;background:#e0e0e0"></div>  
    <div id="fixedMenu_keleyi_com" style="background:#ffffff;width:100%;"><ul><li><a   
      
    href="http://keleyi.com/menu/net/" target="_blank">.NET</a></li>  
    <li><a href="http://keleyi.com/menu/javascript/" target="_blank">Javascript</a></li>  
    <li><a href="http://keleyi.com/menu/jquery/" target="_blank">jQuery</a></li>  
    <li><a href="http://keleyi.com/menu/csharp/" target="_blank">C#</a></li>  
    <li><a href="http://keleyi.com/menu/other/" target="_blank">其他</a></li>  
    <li><a href="http://keleyi.com/" target="_blank">首页</a></li></ul>  
    </div>  
    <div style="height:2600px;background:#999"></div>  
    <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>  
    <script type="text/javascript">  
    $(function () {  
    var ie6 = document.all;  
    var dv = $('#fixedMenu_keleyi_com'), 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' });  
    });  
    });  
    </script>  
    </body>

lowers_sunshine

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
滚动页面时DIV到达顶部时固定在顶部(jq实现)

body style="margin:0px;"> div style="height:300px;background:#e0e0e0">div> div id="fixedMenu_keleyi_com" style="background:#ffffff;width:100%;">ul>li>a href="http://keleyi.com/menu/net/"
复制链接

扫一扫

专栏目录