Приветствую Вас уважаемые форумчане.

Подскажите пожалуйста как закрепить меню навигации форума.

Тема отличная, очень актуальна и удобная для гостей. Нужно для версии 4.5.4

Есть какое то решение для данной версии?

Буду очень признателен.

Спасибо.

  On 05.11.2020 at 08:45, Mediator said:

Приветствую Вас уважаемые форумчане.

Подскажите пожалуйста как закрепить меню навигации форума.

Тема отличная, очень актуальна и удобная для гостей. Нужно для версии 4.5.4

Есть какое то решение для данной версии?

Буду очень признателен.

Спасибо.

На стандартной теме?

  On 05.11.2020 at 11:35, Respected said:

На стандартной теме?

да

Взять первый попавшийся скрипт и немного подправить css

Спасибо за Ваш обширный и детализированный ответ.

После нескольких дней поиска в интернете и множества проб старыми методами я тоже пришел к такому выводу.

Но все способа и старые коды на версии 4.5.4 не работают.

 

Первый попавшийся код работает:

<script>
      	$(function() {
          menu_top = $('.ipsNavBar_primary').offset().top;        // запоминаем положение меню
          $(window).scroll(function () {             // отслеживаем событие прокрутки страницы
            if ($(window).scrollTop() > menu_top) {  // если прокрутка дошла до меню
              if ($('[data-controller="core.front.core.navBar"]').css('position') != 'fixed') {  // проверяем, если меню еще не зафиксировано
                $('[data-controller="core.front.core.navBar"]').css('position','fixed');  // задаем блоку меню свойство position = fixed
                $('[data-controller="core.front.core.navBar"]').css('top','0');           // положение в самом верху
                $('.content').css('margin-top','80px'); // делаем отступ, чтобы контент не "скакал" в момент фиксации меню
              }
            } else {                                 // прокрутка страницы обратно вверх достигла место "перехода" меню
              if ($('[data-controller="core.front.core.navBar"]').css('position') == 'fixed') {  // если меню зафиксировано
                $('[data-controller="core.front.core.navBar"]').css('position','');
                $('[data-controller="core.front.core.navBar"]').css('top','');
                $('.content').css('margin-top','');
              }
            }
          });
        });
    </script>

 

  On 05.11.2020 at 12:41, Respected said:

Первый попавшийся код работает:

работает. но криво. пока наверху. все норм.

Показать контент

как начинаешь скролить. то съезжает жестоко

Показать контент

 

  On 05.11.2020 at 13:00, SlawkA said:

как начинаешь скролить. то съезжает жестоко

На этот случай и нужен css

  On 05.11.2020 at 13:02, Respected said:

На этот случай и нужен css

я пробовал сегодня сделать css, или просто поменять в position: relative; на position: fixed;

и итог. так же съезжает. но при скроле оно работает норм. но становиться все криво.

я просто на работе. и некогда конкретный код искать или писать

Показать контент

 

Всё содержимое в шаблоне NavBar вставьте в этот код.

<div id='elStickyElement' data-ipsSticky>
		Содержимое тут
	</div>

  On 05.11.2020 at 13:18, SlawkA said:

я пробовал сегодня сделать css, или просто поменять в position: relative; на position: fixed;

и итог. так же съезжает. но при скроле оно работает норм. но становиться все криво.

я просто на работе. и некогда конкретный код искать или писать

Показать контент

Показать контент

 

Вопрос не в тему, но как убрать этот Блок сбоку ? Или как и где, его редактировать ? Он висит и ничего не могу ему сделать )))

Edited 9 ноября, 20204 yr by Litesm

Litesm это объявления. зайди в модер панель, объявления, изменить. и там укажи отображение. то есть убрать сбоку.

Показать контент

 

  On 09.11.2020 at 15:07, SlawkA said:

Litesm это объявления. зайди в модер панель, объявления, изменить. и там укажи отображение. то есть убрать сбоку.

Показать контент

Показать контент

 

Всё супер! Убрал объявления  Благодарю

  On 05.11.2020 at 19:32, ODLine said:

Всё содержимое в шаблоне NavBar вставьте в этот код.

<div id='elStickyElement' data-ipsSticky>
		Содержимое тут
	</div>

Отлично работает в стандартном шаблоне во весь экран, но по чему то в мобильной версии шаблона отказывается закреплять меню при прокрутке... кто знает как решить?