Jump to content

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

Featured Replies

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

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

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

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

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

Спасибо.

Link to comment
https://ipbmafia.ru/topic/22524-dinamicheskoe-menyu-navigacii/
Share on other sites
2 часа назад, Mediator сказал:

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

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

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

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

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

Спасибо.

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

Link to comment
https://ipbmafia.ru/topic/22524-dinamicheskoe-menyu-navigacii/?&do=findComment&comment=164707
Share on other sites
14 минут назад, Respected сказал:

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

да

Link to comment
https://ipbmafia.ru/topic/22524-dinamicheskoe-menyu-navigacii/?&do=findComment&comment=164709
Share on other sites

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

Link to comment
https://ipbmafia.ru/topic/22524-dinamicheskoe-menyu-navigacii/?&do=findComment&comment=164711
Share on other sites

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

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

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

 

Link to comment
https://ipbmafia.ru/topic/22524-dinamicheskoe-menyu-navigacii/?&do=findComment&comment=164714
Share on other sites

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

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

 

Link to comment
https://ipbmafia.ru/topic/22524-dinamicheskoe-menyu-navigacii/?&do=findComment&comment=164716
Share on other sites
19 минут назад, Respected сказал:

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

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

Спойлер

820301440_Screenshot_2020-11-05Welcome(1).thumb.png.978df56184dd62bdda2f9313739113f0.png

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

Спойлер

502287717_Screenshot_2020-11-05Welcome.thumb.png.f08c33a5dc50cf3a412a1ecf0311a5c3.png

 

Link to comment
https://ipbmafia.ru/topic/22524-dinamicheskoe-menyu-navigacii/?&do=findComment&comment=164717
Share on other sites
2 минуты назад, SlawkA сказал:

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

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

Link to comment
https://ipbmafia.ru/topic/22524-dinamicheskoe-menyu-navigacii/?&do=findComment&comment=164718
Share on other sites
17 минут назад, Respected сказал:

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

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

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

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

Спойлер

1730063786_(23).thumb.png.24aa7560a5d7793852cc6270b3b7afea.png

 

Link to comment
https://ipbmafia.ru/topic/22524-dinamicheskoe-menyu-navigacii/?&do=findComment&comment=164720
Share on other sites

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

<div id='elStickyElement' data-ipsSticky>
		Содержимое тут
	</div>
Link to comment
https://ipbmafia.ru/topic/22524-dinamicheskoe-menyu-navigacii/?&do=findComment&comment=164735
Share on other sites
В 05.11.2020 в 15:18, SlawkA сказал:

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

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

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

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

1730063786_(23).thumb.png.24aa7560a5d7793852cc6270b3b7afea.png

 

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

Снимок экрана 2020-11-09 в 16.53.18.png

Edited by Litesm

Link to comment
https://ipbmafia.ru/topic/22524-dinamicheskoe-menyu-navigacii/?&do=findComment&comment=164835
Share on other sites

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

Спойлер

567567.thumb.png.d0590c16be5937ceaadd483a17dce476.png

 

Link to comment
https://ipbmafia.ru/topic/22524-dinamicheskoe-menyu-navigacii/?&do=findComment&comment=164836
Share on other sites
49 минут назад, SlawkA сказал:

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

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

567567.thumb.png.d0590c16be5937ceaadd483a17dce476.png

 

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

Link to comment
https://ipbmafia.ru/topic/22524-dinamicheskoe-menyu-navigacii/?&do=findComment&comment=164839
Share on other sites
  • 2 years later...
В 05.11.2020 в 21:32, ODLine сказал:

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

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

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

Link to comment
https://ipbmafia.ru/topic/22524-dinamicheskoe-menyu-navigacii/?&do=findComment&comment=192763
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.


Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.