关于文本域追加数据,滚动条显示在底部问题

言月秋 2016-09-18 11:53:35
一个id="RECEIVE_TXT" 的文本域,向里面添加数据时,$("#RECEIVE_TXT").val($("#RECEIVE_TXT").val()+data + "\n");
设置滚动条为底部:$("#RECEIVE_TXT").scrollTop($("#RECEIVE_TXT").scrollHeight); ,只能到达新数据第一行,而不是最后一行。
最终出现的效果为 ,类似于这种情况具体怎么解决?
...全文
416 4 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
言月秋 2016-09-18
  • 打赏
  • 举报
回复
引用 3 楼 showbo 的回复:
<textarea id="RECEIVE_TXT" rows="3" cols="30"></textarea>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<script>
setInterval(function () {
$("#RECEIVE_TXT").val($("#RECEIVE_TXT").val() + "\n" + new Date().getTime());

$("#RECEIVE_TXT").attr('scrollTop', $("#RECEIVE_TXT")[0].scrollHeight);
}, 1000)
</script>

没有问题
图片为在Firefox的运行结果
  • 打赏
  • 举报
回复
<textarea id="RECEIVE_TXT" rows="3" cols="30"></textarea>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<script>
    setInterval(function () {
        $("#RECEIVE_TXT").val($("#RECEIVE_TXT").val()  + "\n" + new Date().getTime());
    
        $("#RECEIVE_TXT").attr('scrollTop', $("#RECEIVE_TXT")[0].scrollHeight);
    }, 1000)
</script>
没有问题
言月秋 2016-09-18
  • 打赏
  • 举报
回复
引用 1 楼 showbo 的回复:
$("#RECEIVE_TXT").attr('scrollTop',$("#RECEIVE_TXT")[0].scrollHeight);

为了换行显示之前的值,已经有 $("#RECEIVE_TXT").val($("#RECEIVE_TXT").val()+data + "\n"); 这段代码,使用[0].scrollHeight 会使数据一直在顶部。结果为
  • 打赏
  • 举报
回复
$("#RECEIVE_TXT").attr('scrollTop',$("#RECEIVE_TXT")[0].scrollHeight);

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧