分享

固定显示在页面上方

 灰灰熊 2013-12-05
<head>
<script type="text/javascript">
     window.onload = function () {
         var nav = document.getElementById('nav');
         var navFixed = document.getElementById('navFixed');
         window.onscroll = function () {
             var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
             document.title = scrollTop
             if (scrollTop > nav.offsetTop) {
                 navFixed.style.display = 'block';
             } else if (scrollTop < nav.offsetTop) {
                 navFixed.style.display = 'none';
             }
         }
     };
 </script>

<style type="text/css">
.nav-wrapper{margin:5px auto;width: 960px;}
.nav-wrapper-fixed{ position:fixed; top:0; width:100%;margin:5px auto;width: 960px;z-index:999;}
</style>
</head>
<body>
<div class="nav-wrapper">
<a href=/pages/cyyw/2013/1204/402.html><img src="/uploads/allimg/131204/2_1141363141.png"></a>
</div>
<div class="cen">
<div class="nav-wrapper-fixed" id="navFixed" style="display:none;">
<a href=/pages/cyyw/2013/1204/402.html><img src="/uploads/allimg/131204/2_1141363141.png"></a>
</div>
</div>
</body>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约