本文介绍了一种使用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
<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
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
