2013-03-06 76 views
0

我实现iScroll-滚轮编程方式与这些行:iScroll刷新不工作

$(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

首先告诉我,你有更多然后一个iscrollview实现。我想我知道你的问题是什么。 – Gajotres 2013-03-06 12:04:48

+0

是的。这是一个类似facebook的web应用程序,菜单通常隐藏在实际内容后面。内容和菜单都使用iscrollview滚动 – user1903909 2013-03-06 12:18:49

回答

0

为什么你要使用iScroll当jQuery Mobile支持listviewfixed header和页脚?

iScroll在我的经验中,jQuery-mobile有问题。我不会为任何开发人员推荐它。

1

我的解决办法是:

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

试试这个:

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

然后

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