У меня есть объявление в моем заголовке и фиксированное объявление внизу моей страницы, которое всегда есть. Я хочу, чтобы фиксированное объявление отображалось только в том случае, если пользователь прокручивается под заголовком. Я просмотрел документацию JQuery, но я не совсем уверен, что я должен использовать.
Прокрутка окна окна JQuery?
Ответ 1
Попробуйте следующее: http://jsbin.com/axaler/3/edit
$(function(){
$(window).scroll(function(){
var aTop = $('.ad').height();
if($(this).scrollTop()>=aTop){
alert('header just passed.');
// instead of alert you can use to show your ad
// something like $('#footAd').slideup();
}
});
});
Ответ 2
Смотрите jQuery.scroll(). Вы можете привязать это к элементу окна, чтобы получить желаемый крючок.
В режиме прокрутки просто проверьте свою позицию прокрутки:
$(window).scroll(function() {
var scrollTop = $(window).scrollTop();
if ( scrollTop > $(headerElem).offset().top ) {
// display add
}
});
Ответ 3
Проверьте, прокручивается ли пользователь за заголовком объявления, а затем отображается объявление нижнего колонтитула.
if($(your header ad).position().top < 0) { $(your footer ad).show() }
Я исправлю то, что вы ищете?