Динамическое меню навигации

[Mediator]

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

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

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

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

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

Спасибо.

[Respected]

2 часа назад, Mediator сказал:

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

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

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

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

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

Спасибо.

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

[Mediator]

14 минут назад, Respected сказал:

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

да

[Respected]

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

[Mediator]

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

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

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

 

[Respected]

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

<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>

 

[SlawkA]

19 минут назад, Respected сказал:

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

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

Спойлер

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

Спойлер

 

[Respected]

2 минуты назад, SlawkA сказал:

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

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

[SlawkA]

17 минут назад, Respected сказал:

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

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

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

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

Спойлер

 

[ODLine]

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

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

[Litesm]

В 05.11.2020 в 15:18, SlawkA сказал:

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

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

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

  Скрыть контент

 

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

Изменено 9 ноября, 2020 пользователем Litesm

[SlawkA]

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

Спойлер

 

[Litesm]

49 минут назад, SlawkA сказал:

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

  Скрыть контент

 

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

[s21]

В 05.11.2020 в 21:32, ODLine сказал:

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

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

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