JQuery的窗口滚动事件?(JQuery window scrolling event?)

2019-07-18 02:51发布

我有我的头一个广告,在我的页面的底部,始终是有一个固定的广告。 我想如果用户头广告下滚动的固定广告才会出现。 我看着jQuery的文档,但我真的不知道我应该使用什么。

Answer 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();
    }
  });
});


Answer 2:

见jQuery.scroll() 。 您可以绑定到这个窗口元素,让您所需的事件挂钩。

上滚动,然后简单地检查你的滚动位置:

$(window).scroll(function() {
  var scrollTop = $(window).scrollTop();
  if ( scrollTop > $(headerElem).offset().top ) { 
    // display add
  }
});


Answer 3:

检查用户已经滚过头广告,然后显示页脚广告。

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

我是你在找什么正确吗?



文章来源: JQuery window scrolling event?
标签: jquery scroll