iScroll 刷新不起作用答案

【问题标题】：iScroll refresh not workingiScroll 刷新不起作用
【发布时间】：2013-03-06 11:42:07
【问题描述】：

我使用以下代码以编程方式实现了 iScroll-Scroller：

$(document).bind('pageinit',function( event, data ){

$("[id='menu']").attr("data-iscroll","");
$("[data-iscroll]").iscrollview();

});

每当我改变网站的高度时，例如通过旋转设备，iscroll-wrapper 不会适应它的大小。这意味着我不能再滚动到按钮了。所以我（试图）构建一个函数来刷新包装器的大小：

window.addEventListener("resize", function() {

$("[data-iscroll]").jqmData('iscrollview').refresh();

 setTimeout(function () {
$("[data-iscroll]").jqmData('iscrollview').refresh();

    }, 0)


}, false);

这根本不起作用，我不知道为什么。如果您需要更多代码，请告诉我（尽量保持简短）。

【问题讨论】：

首先告诉我，你实现了不止一个iscrollview。我想我知道你的问题是什么。
是的。这是一个类似于 facebook 的 web 应用程序，而菜单通常隐藏在实际内容的后面。内容和菜单都使用 iscrollview 滚动

标签： javascript jquery-mobile iscroll4 iscrollview

【解决方案1】：

我的解决办法是：

        setTimeout(function () {
            iScroll.refresh();
            window.scrollTo(0);
        }, 10);

【讨论】：

【解决方案2】：

当 jQuery Mobile 支持 listview 和 fixed header 和页脚时，为什么要使用 iScroll？？

iScroll 在我的经验中是 jQuery-mobile 的错误。我不会向任何开发人员推荐它。

【讨论】：

【解决方案3】：

试试这个：

$("[data-iscroll]").iscrollview().iscrollview('refresh');

然后

$('[data-iscroll]').trigger('create');

【讨论】：