Jump to content

Закрепить меню навигации


 Share

Recommended Posts

Нашел вот такой скрипт на официальном форуме поддержки

Инструкция гласит:

 

Go to ..

Customization > Theme > Edit HTML & CSS > templates > globatTamplate (opens as default) ..

find  " {template="includeJS" .. " after that copy & paste this JavaScript ..

 

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

результат якобы такой 

Untitled.thumb.gif.bdd2c0eb5afceb97ff70b

 

у меня не работает почему-то :( 

Edited by AUS
Link to comment
Share on other sites

Пробовал менять параметр Javascript include location и на Inside the <head> и  на Just before </body> tag  всё равно не работает. 

Link to comment
Share on other sites

  • 3 weeks later...

В шаблоне две строки начинающиеся с {template="includeJS", ищем вторую

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

 

Link to comment
Share on other sites

А что насчет выпадающего меню, оно вверх не съезжает?

​У меня Easy menu плагин стоит и всё нормально 55750064089c6_.thumb.PNG.e17cb5edb778d2d

Link to comment
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
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Ваша ссылка была автоматически строена.   Отображать как обычную ссылку

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...