Mediator Опубликовано 5 ноября, 2020 Поделиться Опубликовано 5 ноября, 2020 Приветствую Вас уважаемые форумчане. Подскажите пожалуйста как закрепить меню навигации форума. Тема отличная, очень актуальна и удобная для гостей. Нужно для версии 4.5.4 Есть какое то решение для данной версии? Буду очень признателен. Спасибо. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Respected Опубликовано 5 ноября, 2020 Поделиться Опубликовано 5 ноября, 2020 2 часа назад, Mediator сказал: Приветствую Вас уважаемые форумчане. Подскажите пожалуйста как закрепить меню навигации форума. Тема отличная, очень актуальна и удобная для гостей. Нужно для версии 4.5.4 Есть какое то решение для данной версии? Буду очень признателен. Спасибо. На стандартной теме? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Mediator Опубликовано 5 ноября, 2020 Автор Поделиться Опубликовано 5 ноября, 2020 14 минут назад, Respected сказал: На стандартной теме? да Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Respected Опубликовано 5 ноября, 2020 Поделиться Опубликовано 5 ноября, 2020 Взять первый попавшийся скрипт и немного подправить css Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Mediator Опубликовано 5 ноября, 2020 Автор Поделиться Опубликовано 5 ноября, 2020 Спасибо за Ваш обширный и детализированный ответ. После нескольких дней поиска в интернете и множества проб старыми методами я тоже пришел к такому выводу. Но все способа и старые коды на версии 4.5.4 не работают. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Respected Опубликовано 5 ноября, 2020 Поделиться Опубликовано 5 ноября, 2020 Первый попавшийся код работает: <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 Опубликовано 5 ноября, 2020 Поделиться Опубликовано 5 ноября, 2020 19 минут назад, Respected сказал: Первый попавшийся код работает: работает. но криво. пока наверху. все норм. Спойлер как начинаешь скролить. то съезжает жестоко Спойлер Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Respected Опубликовано 5 ноября, 2020 Поделиться Опубликовано 5 ноября, 2020 2 минуты назад, SlawkA сказал: как начинаешь скролить. то съезжает жестоко На этот случай и нужен css Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
SlawkA Опубликовано 5 ноября, 2020 Поделиться Опубликовано 5 ноября, 2020 17 минут назад, Respected сказал: На этот случай и нужен css я пробовал сегодня сделать css, или просто поменять в position: relative; на position: fixed; и итог. так же съезжает. но при скроле оно работает норм. но становиться все криво. я просто на работе. и некогда конкретный код искать или писать Спойлер Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
ODLine Опубликовано 5 ноября, 2020 Поделиться Опубликовано 5 ноября, 2020 Всё содержимое в шаблоне NavBar вставьте в этот код. <div id='elStickyElement' data-ipsSticky> Содержимое тут </div> SlawkA 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Litesm Опубликовано 9 ноября, 2020 Поделиться Опубликовано 9 ноября, 2020 (изменено) В 05.11.2020 в 15:18, SlawkA сказал: я пробовал сегодня сделать css, или просто поменять в position: relative; на position: fixed; и итог. так же съезжает. но при скроле оно работает норм. но становиться все криво. я просто на работе. и некогда конкретный код искать или писать Скрыть контент Вопрос не в тему, но как убрать этот Блок сбоку ? Или как и где, его редактировать ? Он висит и ничего не могу ему сделать ))) Изменено 9 ноября, 2020 пользователем Litesm Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
SlawkA Опубликовано 9 ноября, 2020 Поделиться Опубликовано 9 ноября, 2020 Litesm это объявления. зайди в модер панель, объявления, изменить. и там укажи отображение. то есть убрать сбоку. Спойлер AnWey, Litesm и Respected 3 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Litesm Опубликовано 9 ноября, 2020 Поделиться Опубликовано 9 ноября, 2020 49 минут назад, SlawkA сказал: Litesm это объявления. зайди в модер панель, объявления, изменить. и там укажи отображение. то есть убрать сбоку. Скрыть контент Всё супер! Убрал объявления Благодарю SlawkA 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
s21 Опубликовано 26 апреля, 2023 Поделиться Опубликовано 26 апреля, 2023 В 05.11.2020 в 21:32, ODLine сказал: Всё содержимое в шаблоне NavBar вставьте в этот код. <div id='elStickyElement' data-ipsSticky> Содержимое тут </div> Отлично работает в стандартном шаблоне во весь экран, но по чему то в мобильной версии шаблона отказывается закреплять меню при прокрутке... кто знает как решить? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.