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

Тема в разделе "Вопросы по работе с меню", создана пользователем ukiril, 11.09.2014.

  1. ukiril
    Offline

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

    Регистрация:
    18.07.2014
    Сообщения:
    3
    Симпатии:
    0
    Пол:
    Мужской
    Всем привет. ;)Знающие, подскажите, пожалуйста, можно ли на Joomla как-то реализовать вот такое всплывающее меню при скроле? Как на этом сайте. http://pa-invite.ru/, сайт правда на wp, но хотелось бы как то реализовать и на Joomla.
    Тут как понимаю два меню, одно из которых прикреплено и скрыто как то до того момента, пока скрол не пройдет какое то расстояние.
    Спасибо
     
  2.  
  3. OlegM
    Offline

    OlegM Russian Joomla! Team Команда форума

    Регистрация:
    12.04.2007
    Сообщения:
    4 356
    Симпатии:
    370
    Пол:
    Мужской
    Можно.

    Да.

    Код типа
    Код (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.
     

Поделиться этой страницей

Загрузка...