Navigation Floating Bar

[Mirovinger]

Пользователь Mirovinger разместил новый ресурс:

Navigation Floating Bar - Плавающее меню навигации

Модификация позволит сделать на вашем форуме, плавающее меню навигации, которое будет появляться при прокрутке больших страниц.
Посмотреть вложение 6491 Посмотреть вложение 6492
1) Для этого нам надо создать новый шаблон float_navigation
и добавить в него такое содержимое:

<script type="text/javascript">
$(function() {
    $(window).scroll(function(){
        ($(window).scrollTop() > {xen:calc '@headerLogoHeight + (@headerTabHeight * 2)'}) ?...

Узнать больше об этом ресурсе...

 

[becdelbnik]

У меня(1.2.2) не работает.[DOUBLEPOST=1391055278,1391052163][/DOUBLEPOST]Разобрался, поставил себе так :

<script type="text/javascript">
$(function() {
     $(window).scroll(function(){
         ($(window).scrollTop() > {xen:calc '@headerLogoHeight + (@headerTabHeight * 2)'}) ?
             $('#header').stop().animate({'opacity':'1'},400).css({'position':'fixed','top':'-{xen:calc '@headerLogoHeight + @headerTabHeight - 30'}px','z-index':'60'}):
             $('#header').stop().animate({'opacity':'1'},400).css({'position':'absolute','top':'0px'});
     });
     $('#header').hover(
         function(){ if ($(window).scrollTop() > {xen:calc '@headerLogoHeight + (@headerTabHeight * 2)'}) $(this).stop().animate({'opacity':'1'},400);},
         function(){ if ($(window).scrollTop() > {xen:calc '@headerLogoHeight + (@headerTabHeight * 2)'}) $(this).stop().animate({'opacity':'1'},400);}
     );
});
</script>

ЗЫ - убрана прозрачность (!)

 

[Dmitry]

Нужна помощь, использую скрипт фиксации меню при прокрутке но он фиксирует всю навигацию с нижним подменю, а нужно фиксировать только меню с "главная форум пользователи итд" Шаблон Flat Awesome
Использую скрипт

<script type="text/javascript">
$(function() {
     $(window).scroll(function(){
         ($(window).scrollTop() > {xen:calc '@headerLogoHeight + (@headerTabHeight * 0.5)'}) ?
             $('#header').css({'position':'fixed','top':'-50px','z-index':'100'}):
             $('#header').css({'position':'absolute','top':'0px','z-index':''});
     });

});
</script>

(c) Модераторы пожалуйста удалите эту тему https://xenforo.info/threads/Фиксированное-меню-навигации-при-прокрутке.8443 так как по поиску и в похожих тут про это ничего не нашёл а оказывается название темы было просто на англ. языке тут и пришлось взять с другого проекта где на идентичный вопрос наверно не дождаться ответа

 

[Mirovinger]

Попробуйте это дополнение, в нём вроде бы присутствует, то что Вам нужно.
https://xenforo.info/resources/sticky-navigation.2437/

 

[Dmitry]

Попробуйте это дополнение, в нём вроде бы присутствует, то что Вам нужно.
https://xenforo.info/resources/sticky-navigation.2437/

Спасибо, то что нужно, только пришлось в extra.css добавить

.stickynav .navTabs .navTab.selected .tabLinks {
display: none;
}

Чтоб скрывалось нижнее меню, в настройках этого что-то не нашёл.

 

[Fruit]

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

 

[poldyaev]

max498, не с открытой ли консолью смотрите?

 

[Fruit]

max498, не с открытой ли консолью смотрите?

Нет ,смотрю в обычном режиме...

 

[poldyaev]

max498, можно ссылку на форум в ЛС?

 

[Fruit]

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

Сам отвечу на свой вопрос , мерцание убралось с помощью правок скрипта

<script type="text/javascript">
$(function() {
     $(window).scroll(function(){
       // Вся суть проблемы тут , как я понял слишком быстро рисуется после прокрутки от лого
         ($(window).scrollTop() > {xen:calc '@headerLogoHeight + (@headerTabHeight * 6)'}) ?
             $('#header').css({'position':'fixed','top':'-{xen:calc '@headerLogoHeight + @headerTabHeight - (@headerLogoHeight / 2)'}px','z-index':'70'}):
             $('#header').css({'position':'absolute','top':'0px'});
     });
     $('#header').hover(
         function(){ if ($(window).scrollTop() > {xen:calc '@headerLogoHeight + (@headerTabHeight * 6)'});},
         function(){ if ($(window).scrollTop() > {xen:calc '@headerLogoHeight + (@headerTabHeight * 6)'});}
     ); 
});
</script>

п.с не знаю на сколько правильно - но у меня проблему решило.

 

[martini]

кстати, очень не хватает на этом форуме
жутко удобная штука, быстро привыкаещь и потом без нее как без пальцев

 

[becdelbnik]

По моему где то был плагин этой модификации, или я путаю ? Дайте плиз ссылку.