滚动刷新不工作

iScroll refresh not working

本文关键字：工作 刷新 滚动      更新时间：2023-09-26

我用以下代码实现了isroll - scroll:

$(document).bind('pageinit',function( event, data ){
$("[id='menu']").attr("data-iscroll","");
$("[data-iscroll]").iscrollview();
});

当我改变站点的高度时，例如通过旋转设备，isscroll -wrapper不适应它的大小。这意味着我不能再滚动到底部了。因此，我(尝试)构建一个函数来刷新包装器的大小:

window.addEventListener("resize", function() {
$("[data-iscroll]").jqmData('iscrollview').refresh();
 setTimeout(function () {
$("[data-iscroll]").jqmData('iscrollview').refresh();
    }, 0)

}, false);

这根本不起作用，我不知道为什么。如果您需要更多的代码，请告诉我(尽量保持它尽可能短)。

我的解决方案是:

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

为什么你想使用iScroll时，jQuery移动支持列表视图和固定的页眉和页脚?

在我的经验中，

iScroll是jQuery-mobile的bug。我不会向任何开发者推荐它。

try this: 

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

$('[data-iscroll]').trigger('create');
相关文章：