iScroll刷新不起作用

Question

我使用以下代码以编程方式实现了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);

这根本不起作用，我也不知道为什么。 让我知道您是否需要更多代码（试图使其尽可能短）。

Answer 1

我的解决方案是：

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

Answer 2

当jQuery Mobile支持listview和固定的页眉和页脚时，为什么要使用iScroll ？

iScroll我的经验， iScroll在使用jQuery-mobile时存在很多问题。 我不会推荐给任何开发人员。

Answer 3

尝试这个 ：

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

然后

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