自动滚动 使用 JavaScript

Question

我有一个显示输入文本的文本区域，但是当行数超过文本区域的大小和宽度时，用户必须向下滚动才能查看他们上次输入的内容。

我希望每次按下回车按钮时将文本区域设置为底部。

我已经尝试了以下方法，但无法让它工作：

function inputKeyDown(evt, input) {    
    if (evt.keyCode == 13) {    
        var textarea = document.getElementById("textarea");  
        textarea.value += "\n" + ">" + " " + input.value;  
        input.value = "";  
        return false;       
    }  
    var elem = document.getElementById('textarea');  
    elem.scrollTop = elem.scrollHeight;    
} 

然后我在 知道

为什么没有workie吗？

Answer 1

请尝试以下操作：

textarea.scrollTop = textarea.scrollHeight - textarea.clientHeight;

Answer 2

这取决于您正在查看的输入类型，但强制光标返回底部可能会导致严重的可用性问题。如果您需要自动扩展的文本区域，请查看现有的解决方案，例如 jQuery插件

我不太确定这是否是您想要的，但看看这个： http:// jsfiddle.net/yV76p/

var textarea = document.getElementById("textarea");

textarea.onkeyup = function(evt) {
    this.scrollTop = this.scrollHeight;
}