Question

在我的页面上，我有一个包含版权信息的div元素。

我想

检测用户是否一直滚动到页面底部。
如果是这样，请将div滑下来。

如果有一种JQuery可以判断我是否在盒子附近而不必滚动它以显示副本也是很好的。

谢谢，DoubleDogg6

Answer 1

检测到这一点很简单。看看这个jfiddle：

Detect scrolling to the bottom

＆＃13;

 $(window).scroll(function() {   
   if($(window).scrollTop() + $(window).height() == $(document).height()) {
       alert("bottom!");
   }
});

＆＃13;

2。要向下滑动div，请阅读.slideDown（）

jQuery .slideDown()

Answer 2

如果你想要jQuery，那么这就足够了

$(window).scroll(function(){
  if ($(window).scrollTop()+$(window).height() == $(document).height()){
    // and now, slideDown
    $("#your-div-id").animate({
      height: /* whatever your final height should be */
    }, 200);
  } else if ($(window).scrollTop()+$(window).height() < $(document).height() + 50) {
    $("#your-div-id").animate({
      height: /* whatever your original height was */
    }, 200);
  }
});

当然，您将animate函数与其他函数结合使用可能会淡化文本或其他内容，并更改动画发生的速度，目前为200毫秒。

您还希望div的溢出设置为隐藏，

#your-div-id {
  overflow-y: hidden;
}

查看此JSFiddle demo。

当用户滚动到页面底部时，动画<div> </div>

2 个答案: