首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >JQuery窗口滚动事件?

JQuery窗口滚动事件?
EN

Stack Overflow用户
提问于 2013-01-12 01:12:00
回答 4查看 238.1K关注 0票数 49

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

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2013-01-12 01:23:45

试试这个:http://jsbin.com/axaler/3/edit

代码语言:javascript
复制
$(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();
    }
  });
});
票数 107
EN

Stack Overflow用户

发布于 2013-01-12 01:16:23

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

在滚动上,然后只需检查您的滚动位置:

代码语言:javascript
复制
$(window).scroll(function() {
  var scrollTop = $(window).scrollTop();
  if ( scrollTop > $(headerElem).offset().top ) { 
    // display add
  }
});
票数 26
EN

Stack Overflow用户

发布于 2013-01-12 01:19:30

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

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

你要找的东西我说对了吗?

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14283205

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档