2013-01-01 37 views
1

我發現JS準備使用滾動條在手機這個網站:http://cubiq.org/iscroll-4滾動條需要時間來顯現

我的目錄充滿了輸入自動完成..

需要幾分鐘的時間滾動條出現(幾分鐘後,有時顯示有時不顯示在所有)

,直到當我嘗試拖累出現,列表跳起來

任何人有任何想法,爲什麼發生這種情況?

我的JS:

myScroll = new iScroll('wrapper');// **in Document.ready** 

我的HTML:

<div id="wrapper"> 
      <ul class="Result" data-role="listview" data-inset="true" dir="rtl"> 
      </ul> 
     </div> 

我的CSS:

#wrapper 
{ 
    z-index: 5000; 
    width: 30%; 
    position: absolute; 
    margin-left: 37%; 
} 
+0

什麼是網頁加載時間? – Amyth

+0

未定義。什麼是默認值? –

+1

我的意思是頁面加載需要多少時間?由於所有在'document.ready'方法下調用的方法只會在文檔完全準備就緒時調用。換句話說,當頁面完成加載時。在這裏,似乎頁面正在加載並且文檔進入就緒狀態時調用滾動條方法。 – Amyth

回答

0

我終於解決了這個問題是這樣的:

需要在每個列表的大小改變

因爲它需要一定的時間自動完成填寫時間刷新滾動,我刷新滾動後,才一段時間。

功能上按鍵輸入:

function RefreshScroll() { 
    setTimeout(function() { 
     MyScroll.scrollToElement('li:nth-child(1)', 100) 
     setTimeout(function() { 
      MyScroll.refresh(); 
     }, 0); 
    }, 200); 
} 
1

也許試試這個:

myScroll = new iScroll('wrapper', {fadeScrollbar: false}); 
+0

現在不滾動 –

+0

嘗試更新的答案。 – Amyth

+0

也沒有幫助,我意識到,只有當我在Chrome中按F12,滾動條出現,當點擊列表中的一個元素時,我需要列表div消失,列表被清除並保持只有一個滾動條,這意味着該列表格並沒有消失,而當我按下F12走了,在我看來,Chrome瀏覽器的問題,但在Firefox滾動條將不會出現在所有 –

相關問題