在iGoogle上设计一个类似谷歌阅读器的无限滚动小部件

你知道如何在iGoogle上实现一个不确定的滚动小部件,比如GoogleReader,它动态地加载数据,滚动条被一对上下箭头替换。

我有这样的HTML结构:

<div id="note_column">
    <ul class="messages">
        <li class="note">
            ....
        </li>
        .
        .
        .
    </ul>
</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
});

但是:(隐藏垂直滚动条似乎会禁用滚动事件处理程序。

最让我困惑的是如何隐藏滚动条并保持滚动事件的处理。

请告诉我我的实现可能有什么问题。

事先谢谢。 alt text http://img2.douban.com/view/photo/photo/public/p439408255.jpg