Перейти к публикации
  • 0
JOONY

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

Вопрос

1.gif.93ea0c0ceb24c88cb45e7a254d28d752.gif

  • Core -> Front -> Global -> GlobalTemplate
  • Ищем строку
{template="includeJS" if="theme.js_include == 'footer'" app="core" group="global" location="global" params=""}
  • После неё вставляем
<script>
            $('#elSearchNavContainer').addClass('original').clone().insertAfter('#elSearchNavContainer').addClass('cloned').css('position','fixed').css('top','0').css('margin-top','0').css('z-index','2000').removeClass('original').hide();
            $('.cloned #elSearch').remove();
   
            $(document).ready(function() {
                var stickyNavTop = $('#elSearchNavContainer').offset().top;
   
                window.addEventListener("resize", clone);
                function clone() {
                    var test = document.getElementById('elSearchNavContainer').offsetWidth;
                    $('.cloned').css('width',test);
                }
   
                var stickyNav = function(){
                    var scrollTop = $(window).scrollTop();
   
                    if (scrollTop > stickyNavTop) {
                        $('.cloned').css('display', 'inline');
                        $('.original').css('visibility', 'hidden');
                        $('.original #elSearch').appendTo('.cloned');
                    } else {
                        $('.cloned').css('display', 'none');
                        $('.original').css('visibility', 'visible');
                        $('.cloned #elSearch').appendTo('.original');
                    }
                };

                stickyNav(); clone();
     
                $(window).scroll(function() {
                    stickyNav();
                });
            });
        </script>

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Рекомендованные сообщения

  • 0

Давно искал) Но потом нашел выход. Стандартным способом:

в navBar добавляем следующую строчку 

data-ipsSticky

Снимок.PNG

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

×