我使用以下几行以编程方式实现了iScroll-Scroller:
$(document).bind('pageinit',function( event, data ){
$("[id='menu']").attr("data-iscroll","");
$("[data-iscroll]").iscrollview();
});
每当我改变网站的高度时,例如通过旋转设备,iscroll-wrapper不会调整它的大小。这意味着我不能再滚动到buttom了。所以我(尝试)构建一个函数来刷新包装器的大小:
window.addEventListener("resize", function() {
$("[data-iscroll]").jqmData('iscrollview').refresh();
setTimeout(function () {
$("[data-iscroll]").jqmData('iscrollview').refresh();
}, 0)
}, false);
这根本不起作用,我不明白为什么。如果您需要更多代码(请尽量缩短代码),请告诉我。
答案 0 :(得分:1)
我的解决方案是:
setTimeout(function () {
iScroll.refresh();
window.scrollTo(0);
}, 10);
答案 1 :(得分:0)
当jQuery Mobile支持listview和fixed header以及页脚?
时,为什么要使用iScroll
?
根据我的经验, iScroll
是jQuery-mobile的错误。我不建议任何开发人员使用它。
答案 2 :(得分:0)
试试这个:
$("[data-iscroll]").iscrollview().iscrollview('refresh');
然后
$('[data-iscroll]').trigger('create');