Основной курс по Joomla
0 Пользователей и 1 Гость просматривают эту тему.
  • 1 Ответов
  • 131 Просмотров
*

sergey-911

  • Захожу иногда
  • **
  • 23
  • 0
Добрый день уважаемые форумчане!
Нужна помощь! Сделал сайт на собственном шаблоне от Bootstrap v. 3. Заметил баг, с которым никак не могу справиться.  Дело в том, что на сайте расположено горизонтальное меню, которое фиксируется сверху сайта при прокрутке сайта вниз. Так вот, в десктопной версии все нормально работает. А вот в мобильной версии, на части страниц меню никак не хочет фиксироваться. Пример страницы сайта с багом http://test2.mszm.ru/index.php/produktsiya/proizvodstvennaya-deyatelnost-ooo-msz-m. Баг всплывает именно на мобильном телефоне, либо, когда в браузере выбираешь “Посмотреть код” и указываешь мобильную версию устройства, к примеру Samsung Galaxy s5. Если просто сузить область просмотра окна браузера до перехода к мобильному меню – то все продолжает работать. Меню вывожу и фиксирую следующим способом:
Код
<nav class="navbar navbar-default navbar-static-top affix-top" data-spy="affix" data-offset-top="120" id="mainmenu">
Весь код отображения меню можно посмотреть на самом сайте, поэтому выкладывать его целиком не вижу смысла.
Как устранить баг в мобильной версии сайта, и почему он возникает? Почему свойства
Код
data-spy="affix" data-offset-top="120"
корректно не срабатывают на мобильной версии браузера?


*

sergey-911

  • Захожу иногда
  • **
  • 23
  • 0
Заметил интересную особенность.
Данный баг возникает только на тех страницах, где отображаются картинки при помощи сомпонента PhocaGallery
Код
{phocagallery view=category|categoryid=19}
В этих страницах почему-то в мобильной версии сайта перестает работать сролл. Кто-нибадь с этим сталкивался?