Изменение меню Wordpress при прокрутке

Question

Может ли кто-нибудь сказать мне, пожалуйста, как я могу использовать различные верхние меню при прокрутке. Вы можете увидеть пример на этом сайте http://www.pizzafan.gr. Это статическое меню, и если вы прокручиваете пункты меню, они меняются.

Answer 1

Вы должны заменить некоторые кодирования в вашем header.html Во-первых, вам нужно заменить код ниже:

<div class="sticky_logo_left"> 
     <a href="http://www.pizzafan.gr/el"><img src="/assets/site/images/logo_mobile.png" alt="Pizza Fan Logo" width="140" class="moblogo"></a> 
    </div> 

От:

<div class="sticky_logo_left"> 
<a href="http://www.pizzafan.gr/el"><img  src="/assets/site/images/logo_mobile.png" alt="Pizza Fan Logo" width="140" class="moblogo"></a> 
<ul class="quick_menu"> 
      <li class="first desktop"> 
       <a href="http://www.pizzafan.gr/el"> 
        <img src="/assets/site/images/home.png" alt="" class="desktop"> 
        <!--<img src="/assets/site/images/home-mobile.png" alt="" class="mobile" height="18">--> 
        <span>Αρχική</span> 
       </a>      
      </li> 
      <li class="first"> 
       <a href="http://www.pizzafan.gr/el/menu/pizzas"> 
        <img src="/assets/site/images/slice.png" alt="" class="desktop"> 
        <img src="/assets/site/images/slice-mobile.png" alt="" class="mobile" height="18"> 
        <span>Menu</span> 
       </a> 
      </li> 
      <li class="first"> 
       <a href="http://www.pizzafan.gr/el/restaurants"> 
        <img src="/assets/site/images/shopping.png" alt="" class="desktop"> 
        <img src="/assets/site/images/shopping_mobile.png" alt="" class="mobile" height="18"> 
        <span>Καταστήματα</span> 
       </a>      
      </li> 
      <li class="hover" data-toggle="modal" data-target="#callBackModal"> 
       <a href="javascript:void();" class="callmeback"> 
        <img src="/assets/site/images/call.png" alt="" class="desktop"> 
        <img src="/assets/site/images/call_mobile.png" alt="" class="mobile" height="18"> 
        <span>Call Me Back</span> 
       </a> 
      </li> 
     </ul> 
    </div> 

, а затем измените ваши статические изображения меню с этим цветовым кодом: # 00742D просто сделайте свои изображения меню с указанным выше цветовым кодом.

и вы увидите те же пункты меню в вашем меню прокрутки, чтобы проверить эту прокрутку аналогично menu example .. Меню как простенько, так и прокрутка с теми же пунктами меню/опциями.