2016-02-01 2 views
0

Позвольте мне начать с того, что я пытаюсь создать эту липкую навигацию, которая после определенного прокрутки, после прокрутки страницы. и это выполнимо с помощью следующего кода, который добавляет навигацию класса после определенного прокрутки.как у меня есть липкая навигация, добавьте класс после div?

jQuery(function() { 
jQuery(window).scroll(function() { 
    var scroll = jQuery(window).scrollTop() + 90; 
    var currentArea = jQuery("section").filter(function() { 
     return scroll <= jQuery(this).offset().top + jQuery(this).height(); 
    }); 

    if (jQuery(window).scrollTop() > 15) { 
     jQuery('.list_title_bar_container').addClass("follow"); 
    } else if (jQuery(window).scrollTop() < 15) { 
     jQuery('.list_title_bar_container').removeClass("follow"); 
    } 
}); 
}); 

Но в любом случае я могу добавить .follow класса только тогда, когда свиток достигает конкретную навигацию DIV не используя число подсчета того, сколько свитка была сделана, но, установив конкретные цели DIV?

Имейте этот вопрос, потому что у меня есть две навигации, которые должны быть липкой навигацией, но она не может быть точно рассчитана там, где навигация есть и будет, поскольку положение навигации отличается в зависимости от страницы, на которую смотрит.

здесь живой сайт, если вам нужно посмотреть на: http://lifeto.cafe24.com/xe/request#

и липкие навигации им пытается создать это .list_title_bar_container

спасибо.

ответ

0

Что-то вроде этого?

$(window).scroll(function() { 
    var scroll = $(window).scrollTop(); 
    var div = $('your div name here').offset().top; // get top offset of your div 

    if (scroll > div) { 
     $('.list_title_bar_container').addClass("follow"); 
    } else { 
     $('.list_title_bar_container').removeClass("follow"); 
    } 
}); 

http://codepen.io/anon/pen/vLrwrN

+0

удивительным. спасибо, я думаю, что это на один шаг ближе к тому, который я хочу. но, похоже, это проблема. он мерцает и выключается, когда класс добавляется и удаляется. вы можете это проверить? http://lifeto.cafe24.com/xe/request –

+0

Ох. nvm, я думаю, я нашел причину, почему он это делает. –

Смежные вопросы