保存滚动页面phonegap

时间:2012-10-24 09:45:08

标签: android jquery ios cordova mobile

我在应用程序中使用phonegap,listview jquery中的页面显示项目之一。 如果我有50个项目和用户滚动并按下项目,将显示详细页面项目。 我的问题是,我们可以保存上一个最后一个位置滚动,所以当用户按下后退按钮时,他们再也看不到第一个项目了。

由于

1 个答案:

答案 0 :(得分:1)

如果您正在使用JQuery Mobile,则可以在隐藏页面时存储当前滚动位置(将检查添加到那里,因为可能存在某些页面要保留滚动位置,有时您想要保留滚动位置它重置):

$("#myListPage").bind('pagebeforehide', function (event, data) {
    if (data.nextPage[0].id === "myItemDetailsPage") {
        // Store the scroll position, in case we want to go back
        myPage.scrollPosition = $("#myListPage-myList").scrollTop();
    }
});

然后显示页面时:

$("#myListPage").bind('pageshow', function () {
    $("#myListPage-myList").scrollTop(myPage.scrollPosition);
});

虽然我应该说我有时不需要这样做,而且我经常要反过来 - 调用scrollTop(0)强制页面返回顶部。