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

Question

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

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

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

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

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

Answer 1

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