当用户到达页面底部时如何显示div？

当用户滚动到页面底部时，我想显示一些div，当然还有jQuery。 如果用户滚动回到他的顶部，div淡出。 那么如何计算视口（或者任何正确的名称）:)

谢谢

Answer 1

这必须让你开始：

         
p
p
p
p
p
p
p
p
p
p
p
p
p
p
p
p
p 
p
p
p
p
p
p
p
p
p
p
p
p
p
p
p
p
p 
p
p
p
p
p
p
p
p
p
p
p
p
p
p
p
p
p 
p
p
p
p
p
p
p
p
p
p
p
p
p
p
p
p
p 
  

这假设body的margin为0 。 否则，您需要将上边距和下边距添加到$('body').height() 。

Answer 2

您可以使用以下内容：

 $(window).scroll(function() { if ($(document).height() <= ($(window).height() + $(window).scrollTop())) { //Bottom Reached } }); 

我使用它是因为我有

 body { height:100%; } 

希望这可以帮助

Answer 3

$（文件）。 scrollTop （）应该给你滚动条的位置。 你检查文件高度。 然后淡入或淡出div。

Answer 4

如果你想显示div而不是javascript弹出窗口，这里是对BalusC代码的一个小编辑：

        
p
p
p
p
p
p
p
p
p
p
p
p
p
p
p
p
p 
p
p
p
p
p
p
p
p
p
p
p
p
p
p
p
p
p 
p
p
p
p
p
p
p
p
p
p
p
p
p
p
p
p
p 
p
p
p
p
p
p
p
p
p
p
p
p
p
p
p
p
p 
HIIIIIIIIIIII