Question

我是编程新手，所以如果我的代码演示不是很好或者我的解释不是很清楚，我会道歉。但是，我想要实现的是自动滚动功能，因为<span>标记内的内容会展开，因此您可以看到该函数将打印<br>并最终打印<span>将需要滚动，当发生这种情况时，我想让它自动滚动到<span>的底部，直到函数完成。

<pre><span class="inner-pre" id=code style="height:500px; display: block; overflow: auto; font-size: 16px"></span></pre>

<script>
     function print()
     {
         for (i = 0; i < n; i++)
         {
             document.getElementById("code").innerHTML += "<br>";
         } // for
     } // end-function
</script>

我看过类似的Stack Overflow问题，但我无法找到解决方案。我尝试了以下解决方案：

document.getElementById('divID').scrollIntoView();

$(divname / .class / #id).focus();

div = document.getElementById('#your_div');
div.scrollTo(0,div.scrollHeight);

但是，对我来说，两者都没有用，但可能是我错误地实现了它。

我的HTML代码：

<div class="container">
    <div class="row">
        <div class="col-md-6">
            <div class="panel panel-danger">
                <div class="panel-heading"><h3 align="center">Pseudo Code</h3></div>
                <div class="panel-body" style="height:600px;">
                    <pre><span class="inner-pre" id=code style="height:500px; display: block; overflow: auto; font-size: 16px">code</span></pre>
                </div>
            </div>
       </div>
    </div>
</div>

当span在容器内扩展时如何自动滚动？

0 个答案: