Я пытаюсь сделать заметный заголовок видимым, когда верхняя часть div поражена, а затем невидима, когда попадает верхняя часть второго div нижеКак показать div после прокрутки к вершине другого div?
Я не могу понять, что не так с моим кодом:
var iconsetTop = $('.icon-sets').offset().top;
var bundleTop = $('.bundle-offer').offset().top;
$(window).on('scroll', function(){
if ((iconsetTop >= $(window).scrollTop()) && (bundleTop >= $(window).scrollTop())){
$('.set-header').css("top","-20%");
} else {
$('.set-header').css("top","0");
}
});
Я думаю, что что-то не работает с использованием оператора & &, но я не могу выяснить, что. Кроме того, я создал en codepen, чтобы проиллюстрировать: http://codepen.io/jeremyobriot/pen/zqdpyJ
Спасибо за помощь!
Похоже, вы проверяете с целью, которая движется. Не полагайтесь на динамические объекты. –
[CodePen] (http://codepen.io/anon/pen/yOopWv) работает так, как должно. –
@PraveenKumar, но он не работает, так как он хочет, чтобы он работал. Он хочет (сформировать мое понимание), чтобы черная панель меню исчезла на светло-розовом фоне. – Craicerjack