Как сохранить позицию верхней панели навигации при прокрутке вниз?

Question

[Андрей Никитин]

Причем решение нужно для Joomla.

Нужно добиться вида как тут.
Но при подключении скрипта ничего не работает!
Т.е. код:

$(function(){
        var $win = $(window)
        var $nav = $('.mytoolbar');
        var navTop = $('.mytoolbar').length && $('.mytoolbar').offset().top;
        var isFixed=0;
 
        processScroll()
        $win.on('scroll', processScroll)
 
        function processScroll() {
            var i, scrollTop = $win.scrollTop()
 
            if (scrollTop >= navTop && !isFixed) {           
                isFixed = 1
                $nav.addClass('subnav-fixed')
            } else if (scrollTop <= navTop && isFixed) {
                isFixed = 0
                $nav.removeClass('subnav-fixed')
            }
        }
 
 
    });

Сохраняю как отдельный js, а после подключаю непосредственно в шаблоне в index.php!
В чем может быть проблема?

Comments

[Виталий Желтяков]

Что говорит инспектор кода? У панельки position:fixed?

Answer 1

[Юрий Лобанов]

Да в чем угодно! У Вас селекторы точно все совпадают? В CSS классы прописали? Или Вы только подключили некий скрипт и ждете, что все чудесным образом заработает?
А Joomla тут вообще не причем.
Консоль выдает ошибку TypeError: $(...).ready is not a function

Comments

[Андрей Никитин]

а что это значит? код js неправильный?

[Юрий Лобанов]

@andrex87

<script type="text/javascript">
$(document).ready(function($){
$('#slick-2').dcSlick({
location: 'right',
align: 'top',
offset: '250px',
speed: 'fast',
tabText: 'Оформить вашу покупку',
autoClose: true
});
});
</script>

Это у Вас за что отвечает? Прописано в head. Уберите пока, посмотрим что дальше будет.

[Андрей Никитин]

@iiil убрал

[Юрий Лобанов]

@andrex87
Попробуйте вот так переписать

jQuery(function(){
var win = jQuery(window)
var nav = jQuery('.mytoolbar');
var navTop = jQuery('.mytoolbar').length && jQuery('.mytoolbar').offset().top;
var isFixed=0;
processScroll()
win.on('scroll', processScroll)
function processScroll() {
var i, scrollTop = win.scrollTop()
if (scrollTop >= navTop && !isFixed) {
isFixed = 1
nav.addClass('subnav-fixed')
} else if (scrollTop <= navTop && isFixed) {
isFixed = 0
nav.removeClass('subnav-fixed')
}
}
});

[Андрей Никитин]

ничего (( наверное придется методом исключения искать, может какое-то расширение, плагин конфликтует..

Answer 2

[Андрей Никитин]

Да вроде бы все правильно, но не работает (
Вот сайт goo.gl/ogp6bg

Comments

[Юрий Лобанов]

изменил свой ответ - посмотрите.