javascript - 当有 30 多个项目时，Iscroll 很慢并且移动不流畅

Question

当我的 iscroll 中有更多项目（例如 30 个）时，我在移动设备上的 iscroll 插件变得非常慢（我认为是因为有一些不必要的油漆或者我的手机变慢了？）并且它移动不顺畅。

http://www.html5rocks.com/en/tutorials/speed/unnecessary-paints/ 你对另一个插件有什么建议或者如何解决这个问题吗？

我使用把手来渲染它。但 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

Answer 1

您的代码片段未显示您已应用 iScroll - 这可能是粘贴代码时的疏忽，或者这可能是问题...至少是 iPhone！）。你是在 JS 中初始化 iScroll 吗？

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