2013-05-21 36 views
0

當我有更多的項目(如30)在我iscroll移動我的iscroll插件變得很慢(我認爲它的,因爲有一些不必要的油漆或者是犯規移動平滑我的手機放慢了嗎?),它並不平滑。Iscroll是緩慢的,當有它30+項目

http://www.html5rocks.com/en/tutorials/speed/unnecessary-paints/ 你對另一個插件有什麼建議或者如何解決這個問題?使用handelbars以使其

IM。但是HTML結構如下:

<div id="notificationsScroll"> 
    <div id="notificationList" class="friends-tiles"> 
     <div class="smooth friend"> 

     </div> 
    </div> 
</div> 

和CSS看起來像這樣

#notificationsScroll{ 
    position:relative; 
    z-index:1; 
    width: auto;/* your desired width, auto and 100% are fine */; 
    height: 73%; 
    //height: 334px;/* element height */; 
    overflow: scroll; 
} 

進出口使用iScroll v4.1.6

+0

您正在使用什麼手機?根據我的經驗,即使使用圖形內容的數百行,iScroll的工作效率也非常高。我猜想你的實現可能存在問題......你可以發佈一些代碼嗎?還請檢查您使用的是iScroll4而不是iScroll3。 – Purpletoucan

+0

我編輯我的問題:) – dinodsaurus

+0

...移動註釋的答案,更好地展示代碼...! – Purpletoucan

回答

1

你的代碼片段並不表明你已經應用iScroll - 這可能是在粘貼代碼中的疏忽,或者可能是問題... iscroll覆蓋本機滾動在歷史上是一個觸摸界面緩慢和不直觀(在iPhone上至少!)。你是否在初始化JS中的iScroll?

var myScroll; 
function loaded() { 
    myScroll = new iScroll('notificationsScroll'); 
} 
document.addEventListener('DOMContentLoaded', loaded, false); 
+0

是的即時通訊初始化iScroll我只是沒有把這個代碼片段。 Iscroll在galaxy s2,s3,iphone上效果很好。但它不是在順利上所有androind 2.3 – dinodsaurus

+0

OK,它必須具體到Android的問題 - 谷歌搜索「Android上iscroll慢」此事與各種討論中,一些提供解決方法來了,但我還沒有看到任何明確的解決方法: ( – Purpletoucan

+0

tnx你的時間:) – dinodsaurus

相關問題