49

我的标题中有一个广告，页面底部有一个固定的广告，它总是在那里。我希望仅当用户在标题广告下滚动时才会显示固定广告。我查看了 JQuery 文档，但我不确定我应该使用什么。

4

4 回答 4

108

试试这个：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();
    }
  });
});
于 2013-01-11T17:23:44.687 回答
26

请参阅jQuery.scroll()。您可以将其绑定到窗口元素以获取所需的事件挂钩。

在滚动时，只需检查您的滚动位置：

$(window).scroll(function() {
  var scrollTop = $(window).scrollTop();
  if ( scrollTop > $(headerElem).offset().top ) { 
    // display add
  }
});
于 2013-01-11T17:16:22.840 回答
0

检查用户是否滚动过页眉广告，然后显示页脚广告。

if($(your header ad).position().top < 0) { $(your footer ad).show() }

我对你要找的东西是正确的吗？

于 2013-01-11T17:19:29.770 回答
0

作为scroll提醒，在最新版本的 jQuery 中已弃用，而支持.on('scroll', handler). 实际上，前者一直是后者的捷径。

建议从现在开始使用新表格：

$(window).on('scroll', () => {
  var scrollTop = $(window).scrollTop()
  if (scrollTop > $(headerElem).offset().top) { 
    // display add
  }
})
于 2021-10-30T17:37:59.653 回答