javascript - Firefox 文本区域输入导致屏幕抖动(firefox2 winXP)

Question

编辑:Firefox 2 Windows XP

重现问题的步骤:

Firefox 2 并访问:http://resopollution.com/rentfox/html/property_setup.html

开始输入并按 [回车键] 创建新行

按大约 10 次 [输入键] 后，您会注意到屏幕晃动

这是如何发生的

在我安装了 jQuery 插件后，这种情况就开始发生了。它位于这里: http://resopollution.com/rentfox/html//js/textarea.js

它使得文本区域在我键入时可以扩展，具体取决于文本区域中有多少行，最大高度值可以在 CSS 中指定。

我尝试禁用此插件中的“setHeight”功能(唯一动态更改高度的功能)，但我仍然看到屏幕晃动。

当我认为问题可能是

Firefox 认为屏幕变大了，并通过在正文文档的右侧放置滚动条进行补偿。

但是，它意识到页面实际上并没有变大，并删除了滚动条，从而导致了晃动。

我不知道代码中的什么地方让 Firefox 这么想......

感谢任何帮助。

Answer 1

您可以强制滚动条:http://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-forcing-a-scroll-bar/

或者隐藏div的溢出并尝试去掉滚动条，尝试在div属性设置中使用overflow:hidden而不是auto