0

我正在开发使用 JQuery Mobile 和 PhoneGap API for android 的应用程序 我的应用程序有一个新闻提要页面，一次显示 10 个新闻提要，然后在一个按钮下方显示下一个 10 个新闻提要，它可以正常工作并显示其他 10直到显示所有新闻提要现在我希望它显示下 10 个帖子用户不点击按钮只需向下滚动并加载其他 10 个帖子（它是适用于 Android 操作系统的应用程序）

有没有我可以使用的插件或其他任何东西我的应用程序结构就像（在这个结构中一个完整的帖子显示）

<div id="newsfeed_52" class="postwrapper">
    <div id="post_52" class="feeds-content">
        <div class="feeds-content-header"></div>
        <div class="harvestactivity"></div>
        <div class="hs-post-actions"></div>
    </div>
</div>
4

2 回答 2

0

使用 pull 刷新 iScroll。演示在这里


例子：

    <div id="wrapper">
        <div id="scroller">
            //append anything when pull up: div, ul,...
            <ul id="items">
                //Append items when pull up.
            </ul>
            <div>scroll up to add more item</div>
        </div>
    </div>

或者：

    <div id="wrapper">
        <ul id="items">
            //Append items when pull up.
        </ul>
    </div>

在javascript中：

myScroll = new iScroll('wrapper', {
    onScrollMove:function(){
        //do something when scroll move(identify position of scroll)
    },
    onScrollEnd:function(){
        //do something when scroll end(add more items)
    }
});
于 2013-09-07T01:41:51.443 回答
0

我用自定义方式做到了

$(window).scroll(function (e)
{
if( ( $.mobile.activePage[0].id == 'PageIdInWhichYouWantToAppyThis' )
{
    if ( $(document).height() == $(window).scrollTop() + $(window).height() )
    {
        //here you can auto trigger that link which previously Waiting User Click
    }
}
});

根据演示，这是基本的，也许我需要很少的修改，但不是主要的谢谢

于 2013-09-10T08:37:10.730 回答