javascript - Iscroll is slow and doesnt move smooth when there are 30+ items in it -

when have more items ( 30 ) in iscroll iscroll plugin on mobile becomes slow ( think because there unnecessary paints or mobile phone slow ?) , doesnt move smooth.

http://www.html5rocks.com/en/tutorials/speed/unnecessary-paints/ have suggestions plugin or how fix ?

im using handelbars render it. html structure looks :

<div id="notificationsscroll">     <div id="notificationlist" class="friends-tiles">       <div class="smooth friend">         </div>     </div> </div> 

and css looks this

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

im using iscroll v4.1.6

your code snippets don't show you've applied iscroll - may oversight in pasting code, or problem...iscroll overrides native scrolling historically slow , unintuitive in touch interface (on iphone @ least!). initialising iscroll in js?

var myscroll; function loaded() {     myscroll = new iscroll('notificationsscroll'); } document.addeventlistener('domcontentloaded', loaded, false);