我在 Chrome 中试过这个。有一个里面有很多文本的文本区域,最后编辑部分变得超级慢。光标和键盘输入响应开始爬行。
但是,如果我让 CSS 链接从to 移动<head>
到之后</body>
,它就不再变慢了。任何想法为什么会存在这种现象?
使用的代码:
<!DOCTYPE html>
<html>
<head>
<style>textarea {width: 400px; height: 400px;}</style>
<link href="1.css" rel="stylesheet" type="text/css">
</head>
<body>
<textarea name="content"></textarea>
</body>
</html>
这个html实际上是由后端脚本生成的,它将用数千行文本填充textarea的内容。当用户向下滚动到内容的末尾时,这就是缓慢开始的地方。如果头部区域的css被移除,它会很快。