jquery - 页眉保留在页面上

Question

我在 Onepage 上制作了固定标题。但是页面上的所有内容都保留在导航的前面。我给了，显示: block ，显示:绝对或等等，但没有改变任何东西。感谢您的帮助:)

导航 CSS:

img#logo {width:auto;height:75px;  position:absolute; margin-left:90px; }
div#nav {width:1930px;height:75px;border:3px solid #333;margin-top:-20px; }
div#nav ul { list-style-type:none; }
div#nav ul li {float:left;}
div#nav ul#menu1 li a {font:20px Arial, Helvetica, sans-serif; padding:160px; ;line-height:75px; color:#e81717;}
div#nav ul#menu2 li a {font:20px Arial, Helvetica, sans-serif;padding:160px;margin-left:160px; line-height:75px; color:#e81717}

固定菜单 Jquery :

$(window).scroll(function(){
        var sticky = $('div#nav');
        var stickycolor = $('div#nav ul li a');
        scroll = $(window).scrollTop();

        // blog

         if (scroll >= 945 && scroll < 1750)
             { 
                 sticky.addClass('fixed');
                 sticky.addClass('siyah');  
                 sticky.removeClass('beyaz');
             }

            // hakkımda
         else if(scroll >=1750 && scroll < 2650)
         {
              sticky.addClass('fixed'); 
              sticky.removeClass('siyah');
              sticky.addClass('beyaz');
         }
            // portfolyo
         else if(scroll >=2651 && scroll <3550)
         {
              sticky.addClass('fixed'); 
              sticky.removeClass('beyaz');
              sticky.addClass('siyah');
         }

         else if(scroll >=3551 && scroll <4400)
         {
              sticky.addClass('fixed'); 
              sticky.removeClass('siyah');
              sticky.addClass('beyaz');
         }

         else if(scroll <=944)
         {

             sticky.removeClass('fixed');

         }

例如:

Answer 1

这是一个 z-index 问题。在这里使用更高的:

div#nav {z-index: 99999;}