我从服务器获取了一个很长的字符串，其中包含文本和html标签，并将这些行呈现在可滚动的div中。当我用鼠标单击滚动条并将其拖动时，它可以很好地滚动， 但是当我使用鼠标滚轮时，鼠标滚轮几乎不移动，CPU跳到60-100。
这是div CSS：
substr我注意到，如果删除background-color: #000;
white-space: pre-wrap;
padding: 0 20px 10px 20px;
margin: 10px 0 10px;
font-size: 14px;
color: #dfe3eb;
cursor: text;
overflow: auto;
min-height: 400px;
height: calc(100vh - 316px);
line-height: 1.4;
will-change: transform;
，性能会好得多，但是我需要它，因为我想渲染空格/换行符。
我尝试添加white-space: pre-wrap;，但没有任何帮助吗？