2013-03-06 75 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');