火狐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）

回答

相關問題