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

标签 javascript jquery firefox textarea

编辑: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 这么想......

感谢任何帮助。

最佳答案

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

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

关于javascript - Firefox 文本区域输入导致屏幕抖动(firefox2 winXP),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1094163/

相关文章:

javascript - 如何使用 Firefox 开发者工具检查 javascript

css - firefox css 动画旋转问题

html - Firefox flexbox 图像宽度

javascript - 递增字符串,如 '20px'

javascript - 如何扩展在 JavaScript 中闭包后面定义的类?

javascript - 为什么不$(element).ready?

javascript - JQMobile - 无法在自定义 ajax 中加载微调器

javascript - 搜索短语,循环执行不正确

javascript - 模型如何将 Javascript FormData 与 Asp.net Controller 模型绑定(bind)

javascript - 禁用数据表中的一些单元格 jQuery 的排序