一个overflow=hidden的元素，怎么阻止由输入引发的滚动？

Question

页面结构如下：
<div style = 'width:100px;overflow:hidden'><input type='text' style='width:1000px' /></div>
在文本框中输入文字会导致div产生滚动浏览器 chrome  firefox怎么样能阻止这种滚动？目前采用的方法是，给div加入监听onscroll = function(){this.scrollLeft = 0;};，但是会导致页面不断跳动。

Answer 1

我用IE、FF、Chrome测试了，没发下你说的那个问题啊

Answer 2

把滚动条关了可以不？在body上面加上scroll='no'

Answer 3

把滚动条关掉可以不，在body上面加上scroll='no'

Answer 4

用这段代码或许更清楚：
<div style = 'border:1px solid red;width:100px;overflow:hidden;'><input type='text' style='width:1000px' /><input type='text' value = '123456' /></div>在第一个文本框中输入，超过可见区域 div会发生滚动PS1：不是只有滚动条才能触发滚动PS2：问题已经解决，不到24小时，不能“无满意结贴”。