导航条随页面滚动自动置顶-兼容IE8和Chrome浏览器

最新推荐文章于 2023-08-07 09:44:04 发布

原创最新推荐文章于 2023-08-07 09:44:04 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#chrome #ie 8 #jquery #导航 #浏览器

导航条随页面滚动自动置顶
兼容IE8和Chrome浏览器

主要核心JS代码如下：

<script type="text/javascript">  
  jQuery(document).ready(function() {  
     var topmenu = jQuery("#topmenu");  
     var topmenu_top = topmenu.offset().top;  
     reset_topmenu_top(topmenu, topmenu_top);  
     jQuery(window).scroll(function() {  
        reset_topmenu_top(topmenu, topmenu_top);  
     });  
  });  

  function reset_topmenu_top(topmenu, topmenu_top) {  
     var document_scroll_top = jQuery(document).scrollTop();  
     if (document_scroll_top > topmenu_top) {  
        topmenu.css('top', document_scroll_top);  
     }  
     if (document_scroll_top <= topmenu_top) {  
        topmenu.css('top', topmenu_top);  
     }  
  }  
</script>