@lilandre2

Как зафиксировать в jooml'e верхнее меню при скроле вниз?

Работаю с сайтом test.vip-photo.com.ua/index.php/ru .
Нужно что-бы при скроле вниз, верхнее меню id="mainmenu" фиксировалось вверху. Подключил jquery .
$document = &JFactory::getDocument();
$document->addScript( '/media/system/js/myscript.js' );
$document->addScript( '/media/system/js/jquery-3.2.1.min.js' );


Протестировал- работает. Подключил джава скрипт файл myscript.js
jQuery(function($) {
        $(window).scroll(function(){
            if($(this).scrollTop()>140){
                $('#mainmenu').addClass('fixed');
            }
            else if ($(this).scrollTop()<140){
                $('#mainmenu').removeClass('fixed');
            }
        });
    });


а так-же добавил ксс стиль
#mainmenu.fixed{
      position: fixed;
      top: 0;
      width: 100%;
      background: rgba(239, 5, 5, 0.95);
  }
.Не могу понять, почему не фиксируется меню при скролинге.
  • Вопрос задан
  • 213 просмотров
Решения вопроса 1
Уже решили проблему? Т.к. у смотрю работает prntscr.com/fgf5f8
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы