Question

我使用CSS和JAVA脚本创建了一个使用固定菜单栏设置样式的网页。当我们在菜单栏高度下滚动时，我的菜单栏固定到页面。它在除Safari之外的所有浏览器中都能正常工当菜单栏固定到Safari中的网页时，滚动会变得不稳定。当我改变css位置时：相对;滚动工作正常，但我想要一个固定的菜单。请帮忙。
这是我的html代码菜单

<div>
 <nav>
  <ul>
    <li><a href="#screen1"><img src="css/images/logo.png"></a></li>
    <li><a href="#screen2"><strong>About Us</strong></a></li>
    <li><a href="#screen3"><strong>Products</strong></a></li>
    <li><a href="#screen6"><strong>Manufacturing Process</strong></a></li>
    <li><a href="#screen7"><strong>Contact Us</strong></a></li>
  </ul>
 </nav>
</div>

这是我的css for menu

.fixed {
    font-family: 'lubalgraph_bk_btbook';
    position: fixed; 
    margin-right:auto;
    margin-left:auto;
    top: 0; 
    width:100%;
    height: 17%;
    background: #f1f2f2;
    opacity: 0.8; 
    z-index: 1;
    min-width: 960px;
}

这是我的java脚本

<script>
   $(document).ready(function(){
       $(window).bind('scroll', function() {
       var navHeight = $( window ).height() - 70;
             if ($(window).scrollTop() > navHeight) {
                 $('nav').addClass('fixed');
             }
             else {
                 $('nav').removeClass('fixed');
             }
        });
    });
</script>

提前致谢................

固定菜单栏让Safari中的滚动生涩？

0 个答案: