您是否知道如何在iGoogle上實現無限滾動小部件,如谷歌閱讀器,它會動態加載數據,滾動條被一對上下箭頭替代。在iGoogle上設計一個像google reader一樣的無限滾動小部件
我有一個HTML的結構是這樣的:
<div id="note_column">
<ul class="messages">
<li class="note">
....
</li>
.
.
.
</ul>
</div>
我試圖讓這個div內無限期滾動的工作,做這樣的事情:
$(".messages).wrap("<div id='scrollbox'></div>");
$("#scrollbox").css({
'height': '50em',
'overflow': 'scroll',
'overflow-y': 'hidden'
}).scroll(function() {
// judge if this is a scroll-to-bottom
// load list items if it is so
});
然而:(Hidding垂直滾動但似乎禁用滾動事件處理程序。
現在最讓我困惑的是如何隱藏滾動條並保持滾動事件的處理。
請告訴我我的實施可能有什麼問題。
在此先感謝。 alt text http://img2.douban.com/view/photo/photo/public/p439408255.jpg