Блог

Главная - Вопросы по программированию - JScrollPane Липкая панель навигации

JScrollPane Липкая панель навигации

#javascript #jquery #scrollbar #navbar #sticky

#javascript #jquery #полоса прокрутки #панель навигации #липкий

Вопрос:

Я пытаюсь одновременно использовать как JScrollPane — или любой другой функционирующий пользовательский плагин полосы прокрутки — так и sticky nav bar, но это просто не работает, что бы я ни делал.

JS ДЛЯ ЗАЛИПАЮЩЕЙ панели НАВИГАЦИИ

 var num = 200; //number of pixels before modifying styles

$(window).bind('scroll', function () {
    if ($(window).scrollTop() > num) {
        $('.navbar').addClass('fixed');
    } else {
        $('.navbar').removeClass('fixed');
    }
});

JS ДЛЯ JSCROLLPANE

 $(function()
{
    $('#bodyID').jScrollPane();
});

Есть предложения?

Комментарии:

1. у вас есть класс css, определенный для «фиксированного»? или вы пытаетесь добавить свойство css position: исправлено.

2. Определен класс fixed.

3. у вас есть образец html / css? сложно отладить проблему только с помощью функций js.

4. Конечно: twenty-two.forumactif.org Красная панель — это .navbar ofc, хотя не обращайте внимания на цвета

5. вероятно, это потому, что ваш $ (window) на самом деле не прокручивается… прокрутка происходит на вашем $(‘#bodyID’)