火狐textarea的打字造成画面抖动（firefox2的winXP）

编辑：Firefox 2的Windows XP中火狐textarea的打字造成画面抖动（firefox2的winXP）

步骤来重现问题：

火狐2和访问：http://resopollution.com/rentfox/html/property_setup.html

开始打字，然后按[输入密钥]创建新行

大约10 [enter key]按下后，您会注意到屏幕抖动

这是怎么发生的

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

这使得它如此textarea的是可扩展的I型，这取决于有多少行有文本区域，最多可在CSS中指定一个最大高度值。

我试过在这个插件中禁用'setHeight'函数（唯一能动态改变高度的东西），但我仍然看到屏幕晃动。

当我认为这个问题可能是

火狐认为，屏幕刚刚较大，并投入滚动条对身体文档的右侧补偿。

但是，它意识到事实上页面没有变大，并且移除滚动条，导致摇晃。

我不知道在哪里，让火狐认为这样的代码...

得到任何帮助。

来源

2009-07-07 resopollution

确保桌子上的腿是水平的。并停止打字这么辛苦。 ;） – Jimmy 2009-07-07 19:15:48

有趣的是，只有从101到115的部分在我的屏幕上摇动。从116开始不动摇。 – 2009-07-07 19:19:23

我正在使用FF 3.0.9，在XP SP3 – 2009-07-07 19:20:17

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

或隐藏div的溢出，并试图摆脱滚动条，尝试溢出：隐藏，而不是自动在div propertySetup

来源

2009-07-07 19:25:41

无法重现，在Mac OSX + Firefox 3.5中正常工作。

来源

2009-07-07 19:10:52 ceejayoz

同上，Debian，iceweasel 3.0.9。 – JosefAssad 2009-07-07 19:12:56

我可以重现它（Debian Lenny，IceWeasel 3.0.6），但只适用于FireFox非常非常特定的窗口大小（略高于1024像素，取决于系统字体大小，窗口管理器和工具栏数量示出）。

只是使您的网页稍短或更高，问题就消失了。这个问题只发生在10日左右的时候添加一条新行导致firefox增长的页面只是足以导致滚动条出现。就像你猜到的一样。

这是一个很小的10px页边距，这取决于很多浏览器和系统特定的设置。在你的页面上，这个边距大约在1024像素左右，取决于系统字体，工具栏，窗口装饰和月亮的相位。将该边距移出1024px区域。要么使页面缩短40-50px，以免滚动条出现（即使使用大型系统字体和额外的工具栏）或使其更高，以便滚动条总是在那里。 Zoltan Lengyel在这个线程中的回答总是强制滚动条也可以使用。

来源

2009-07-07 19:21:27

我可以在Win XP中的Firefox 3.0.11中重现它。

将overflow:hidden添加到body标记似乎可以解决问题，但这样做可能会导致您更加悲伤，然后完全禁用该插件。给body标签overflow-x:scroll将永久粘贴滚动条，但似乎也解决了它。

来源

2009-07-07 19:22:16 ajm

我复制它在Windows上，FF3。

有趣的是，它似乎发生在jQuery.height（）函数内！不幸的是，你正在使用缩小版本，所以这是我可以得到的。

来源

2009-07-07 19:28:48 Greg

火狐textarea的打字造成画面抖动（firefox2的winXP）

回答

相关问题