2011-02-16 93 views
2

我很好奇,如果使用Javascript和jQuery库,如果我能够模仿Facebook或Twitter之类的东西,当滚动条到达某个点时,div的高度被扩大,更多显示数据。我对JQuery库非常陌生,我注意到有一个“可调整大小”的功能。我知道CSS我可以使用overflow: auto;,但我只想看起来更好一些。如果除了JavaScript以外还有其他选项,我很好奇哪种解决方案是最好的。JQuery根据内容调整div的大小

回答

2

你不需要一个无限的滚动插件。使用jQuery,你可以简单地做:

​​
0

Facebook的使用AJAX来加载所以它并不需要“扩大”这样的内容。

如果你想“效仿”,它可以做到这一点使用scrollTop的()函数:http://api.jquery.com/scrollTop/

例如

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

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

这就是我用来模拟装载的东西。如果您使用的轨道,它有助于还为您分页的will_paginate gem是(infinitescroll隐藏这一点,但使用生成的链接来获取数据)

0

你正在谈论被称为无限滚动模式的影响和由脸谱,推特等流行。你可以找到它的实施细节herehere。你也可以谷歌jquery infinite scrolling找到更多插件和模式的实现。