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

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

谢谢

这必须让你开始:

   SO question 2768264      

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

这假设bodymargin0 。 否则,您需要将上边距和下边距添加到$('body').height()

您可以使用以下内容:

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

我使用它是因为我有

 body { height:100%; } 

希望这可以帮助

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

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

  SO question 2768264      

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