FF不自动滚动文本区

我有一个textarea，当你填满几行并仍然继续打字时，不会自动向下滚动，所以你可以看到你正在输入的内容。这只是一个Firefox问题。这里是CSS和textarea的HTML：FF不自动滚动文本区

#msg { 
    width: 380px; 
    resize: none; 
    margin-top: 10px; 
    margin-bottom: 5px; 
    border: 1px solid; 
    border-color: #000; 
    overflow: hidden; 
    padding: 6px; 
} 

<textarea id="msg" rows=2></textarea>

“overflow：hidden”是因为我不想滚动条。添加“cols”到textarea没有区别。

感谢您的帮助！

来源

2011-01-26 Michael

为什么当你告诉它所有的溢出应该隐藏时，它会向下滚动？ – kapa 2011-01-26 11:30:07

这似乎是删除滚动条的标准方法。我不希望滚动条在那里。非Firefox浏览器滚动得很好。光标始终位于可见区域。 – Michael 2011-01-26 11:33:35

好像你被卡住了。 FF行为对我来说听起来正确，即使其他浏览器以不同的方式实现这一点。 – kapa 2011-01-26 11:36:01

overflow: hidden可能是您的问题的来源，把它拿出来。

来源

2011-01-26 11:06:48 Quentin

我可以想出一个解决方法，这只是一个想法呢。

关于textarea的onkeydown事件，如果你做element.scrollTop=element.scrollHeight，它会一直滚动到textarea的底部。你必须找到一种方法来滚动到插入位置而不是底部（以防他们编辑的文本不在底部），并且你完成了。

来源

2011-01-26 12:02:23 kapa

FF不自动滚动文本区

回答

相关问题