关于div和textarea的自动scroll

最新推荐文章于 2024-07-15 03:00:38 发布

最新推荐文章于 2024-07-15 03:00:38 发布 · 231 阅读

文章标签：

#web #ui

本文介绍了一种使用HTML和JavaScript实现的滚动视图效果，通过特定的DIV元素与文本区域变量控制，确保页面内容始终平滑滚动到指定位置。此方法适用于需要连续显示大量输出结果的应用场景。

1, div
<div style="width:100%; height:95%; overflow-y:scroll">
<div id="command_result" style="height:90%; width:100%"></div>
<div id="command_result_end" style="overflow:hidden; height:1px"></div>
</div>
<script>
document.getElementById("command_result_end").scrollIntoView();
</script>

2, textarea
var obj = document.getElementById("command_result");
obj.scrollTop=obj.scrollHeight