0

我正在构建一个网络应用程序,人们可以在其中滑动浏览部分。这些部分主要是列表视图。我目前的设置如下:

  • 在 touchmove 上:设置一个新的 translate3d 值
  • 在 touchend 上:计算部分的容器应该捕捉到的 translate3d 值,并通过 rAF 在那里设置动画。

然而,当我滑动时,我得到了“复合层”需要几十毫秒(大约 40-70 毫秒)的各种点。我已经避免了复杂的计算,例如 box-shadow,所以我想知道如何改进它?剩下的JS在处理中是OK的;该事件占用大约 3 毫秒,重新计算样式需要另外 3 毫秒,但这是“复合层”的大块。

4

0 回答 0