Делаю фиксированный заголовок на Onepage. Но все на странице остается на передней панели навигации. Я даю, display: block, display: absolute и т. Д., Но ничего не менял. Спасибо за помощь :)

Навигационный CSS:

img # logo {width: auto; height: 75px; позиция: абсолютная; маржа слева: 90 пикселей; }
div # nav {width: 1930px; height: 75px; border: 3px solid # 333; margin-top: -20px; }
div # nav ul {список-стиль-тип: нет; }
div # nav ul li {float: left;}
div # nav ul # menu1 li a {font: 20px Arial, Helvetica, sans-serif; отступ: 160 пикселей; ; высота строки: 75 пикселей; цвет: # e81717;}
div # nav ul # menu2 li a {font: 20px Arial, Helvetica, sans-serif; padding: 160px; margin-left: 160px; высота строки: 75 пикселей; цвет: # 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');

         }

Например:

enter image description here

enter image description here

Arda Zaman

Ответов: 1

Ответы (1)

Это проблема z-index. Используйте здесь более высокий:

div # nav {z-index: 99999;}

2022 WebDevInsider