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

Question

<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

Answer 1

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