首页 > div改变大小时的过渡动画性能性能怎么优化

div改变大小时的过渡动画性能性能怎么优化

<div class="d">
    ...
</div>

<style>
.d {
    width: 200px;
    transition: transform 0.325s;
}

.f {
    transform: translate3D(300px, 0, 0);
}    

我的div里有很多东西,比如有一万个汉字,我这个时候给div添加 f 类,div里面的文本会不停的重新排列,页面会卡顿。
我想知道怎么优化

比如这个页面在页面宽度很低的情况下,如用手机打开
https://kerui-webpage.firebaseapp.com/editor


每次只显示1千字,当滚动条拖到离最下面一定高度的时候,动态加入文字。更具加入前后,滚动条总高度,将顶部文字备份,并去除,同时修正滚动条,这样的思路下去,应该可以解决

【热门文章】
【热门文章】