2011-02-16 92 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找到更多插件和模式的實現。