终于解决了首页视察滚动卡顿的问题

上次tyson给我指出来说首页的几个区块滚动到那个位置的时候就特别卡,我回来自己看,确实这样。于是就开始研究了,最后定位到了 background-attachment: fixed; 觉得是这个东西搞的鬼。于是各种调试,最后发现,其实关键还是对重汇这件事没有深入理解。最后解决的办法是加了 background-repeat: no-repeat; 看上去极其奇妙。按理来说repeat只会渲染可视区域,但是为什么会影响整个页面的渲染呢?实际上这跟UI引擎有很大的关系。每一次界面的操作都需要重绘,无论是否可视区域和非可视区域要重新渲染,都需要进行计算,这个计算涉及到很多问题,特别是页面设计层叠复杂的时候。所以我这里就是因为一个repeat的背景图给搞卡了。

2018-01-13 16:32:20