Question

我很好奇，如果使用Javascript和jQuery库，我可以模拟Facebook或Twitter之类的东西，当滚动条到达某个点并且div的高度被扩展并且显示更多数据时。我是JQuery库的新手，我注意到有一个“可调整大小”的功能。我知道使用CSS我可以使用overflow: auto;，但我想要的东西看起来更好一些。如果除了javascript之外还有其他选项，我很好奇哪种解决方案是最好的。

Answer 1

div的大小不是通过javascript扩展的。当您到达页面底部时，新内容会自动加载并插入页面中，这就是它扩展的原因。

http://www.infinite-scroll.com/infinite-scroll-jquery-plugin/

Answer 2

你不需要一个无限的滚动插件。使用jQuery，您只需执行

$(window).scroll(function () { 
   if ($(window).scrollTop() >= $(document).height() - $(window).height() - 100) {
      //Add something at the end of the page
   }
});

Answer 3

Facebook使用AJAX加载内容，因此不需要“扩展”。

如果您想“模仿”它，可以使用scrollTop（）函数执行此操作：http://api.jquery.com/scrollTop/

e.g。

var topPos = $(window).scrollTop();
if (topPos < x) {
    // Do stuff i.e. "expand the div"
}

Answer 4

是的，有。如果你的意思是它通常被称为infinitescroll：http://www.infinite-scroll.com/

这就是我以前模仿装载的东西。如果您正在使用rails，那么为您的分页添加will_paginate gem也是有帮助的（infinitescroll隐藏了这个但使用生成的链接来获取数据）

Answer 5

您所谈论的效果称为无限滚动模式，并且受到 facebook，twitter 等的欢迎。您可以找到有关其实施的详细信息here和here。您还可以谷歌搜索jquery infinite scrolling以查找该模式的更多插件和实现。

Answer 6

您可能正在寻找：

无限滚动 http://www.infinite-scroll.com/ jQuery和Wordpress插件

jQuery插件： http://www.infinite-scroll.com/infinite-scroll-jquery-plugin/ 目前：版本1.5.110106

Wordpress插件： http://www.infinite-scroll.com/installation/

https://github.com/paulirish/infinite-scroll

JQuery根据内容调整div大小

6 个答案: