Jump to content

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

AUS
AUS
in Themes and design Invision Community 4

Featured Replies

Posted
comment_87502

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

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

 

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
    https://ipbmafia.ru/topic/11449-zakrepit-menyu-navigacii/
    Share on other sites
    • Author
    comment_87511

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/11449-zakrepit-menyu-navigacii/?&do=findComment&comment=87511
    Share on other sites
    • 3 недели спустя...
    comment_88490

    В шаблоне две строки начинающиеся с {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
    https://ipbmafia.ru/topic/11449-zakrepit-menyu-navigacii/?&do=findComment&comment=88490
    Share on other sites
    • Author
    comment_88519

    Спасибо, работает!

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/11449-zakrepit-menyu-navigacii/?&do=findComment&comment=88519
    Share on other sites
    comment_88530

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/11449-zakrepit-menyu-navigacii/?&do=findComment&comment=88530
    Share on other sites
    • Author
    comment_88535

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

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/11449-zakrepit-menyu-navigacii/?&do=findComment&comment=88535
    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
    Ответить в этой теме...
    Go to topic listing

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

    • No registered users viewing this page.