我有一个textarea,当你填充几行并仍然继续打字时,不会自动向下滚动,这样你就可以看到你在输入什么。这只是一个Firefox问题。这是CSS和textarea HTML:
#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>
“溢出:隐藏”是因为我不想要滚动条。将“cols”添加到textarea没有任何区别。
感谢您的帮助!
答案 0 :(得分:2)
我可以想到一个解决方法,这只是一个想法。
在textarea的onkeydown
事件中,如果执行element.scrollTop=element.scrollHeight
,它将始终滚动到textarea的底部。你必须找到一种滚动到插入符号位置而不是底部的方法(如果它们编辑文本不在底部),你就完成了。
答案 1 :(得分:0)
overflow: hidden
可能是你问题的根源,把它拿出来。