Question

我使用这个问题的答案将HTML5游戏的战斗日志自动滚动到底部：

How to auto-scroll to end of div when data is added?

如果我想在用户点击向上滚动并查看日志时暂时禁用此功能，我该怎么做？

我正在使用的代码是：

//autoscroll combat log

window.setInterval(function() {
  var elem = document.getElementById('log');
  elem.scrollTop = elem.scrollHeight;
}, 500);

祝你好运，蜘蛛网

编辑：上面的代码连接到div中的简单范围：

<div>
    <span id='log'></span>
</div>

使用滚动条进行样式化：

span#log {

    display: block;
    font-family: courier, sans;
    margin: auto;
    border:1px solid black;
    width:600px;
    height:200px;
    overflow:auto;
    background-color:black;
    color: lime;
    text-align: left;

}

Answer 1

setInterval()会返回一个ID，您可以使用clearInterval()来阻止该ID

var intervalID = window.setInterval(function() {
  var elem = document.getElementById('log');
  elem.scrollTop = elem.scrollHeight;
}, 500);

然后这个

window.clearInterval(intervalID);

small DEMO

如何禁用我的元素自动滚动简短

1 个答案: