Вопрос всплывающее меню при скроллинге

Discussion in 'Вопросы по работе с меню' started by ukiril, Sep 11, 2014.

  1. ukiril
    Offline

    ukiril Недавно здесь

    Joined:
    Jul 18, 2014
    Messages:
    3
    Likes Received:
    0
    Gender:
    Male
    Всем привет. ;)Знающие, подскажите, пожалуйста, можно ли на Joomla как-то реализовать вот такое всплывающее меню при скроле? Как на этом сайте. http://pa-invite.ru/, сайт правда на wp, но хотелось бы как то реализовать и на Joomla.
    Тут как понимаю два меню, одно из которых прикреплено и скрыто как то до того момента, пока скрол не пройдет какое то расстояние.
    Спасибо
     
  2.  
  3. OlegM
    Offline

    OlegM Russian Joomla! Team Staff Member

    Joined:
    Apr 12, 2007
    Messages:
    4,310
    Likes Received:
    375
    Gender:
    Male
    Можно.

    Да.

    Код типа
    Код (CODE):
    1. jQuery(function($) {
    2.     // Fixed headerbar
    3.     var doc     = $(document),
    4.     header  = $('#rt-header');
    5.     doc.on('scroll', function(){
    6.         if(doc.scrollTop() > 65){
    7.             header.addClass('rt-header-small');
    8.         } else {
    9.             header.removeClass('rt-header-small');
    10.         }
    11.     });
    12. });

    Здесь правда используется одно меню - при скроллинге > 65px к #rt-header добавляется класс rt-header-small.

    В твоем случае надо делать второе меню видимым. В общем, остальное дело техники - CSS и jQuery.
     

Share This Page

Loading...