Question

我创建了一个动作日志，可以让您及时了解自己的行为。因此，每次单击按钮时，它都会显示您刚刚执行的操作，但问题是它不会自动显示最新消息。每次点击按钮都可以显示最新消息吗？

JSfiddle：https://jsfiddle.net/a8ey2ucm/1/

<div id="log">

</div>

<button onclick="actionBtn();">
  Click here
</button>

function actionBtn()
{
    var log = document.getElementById('log');
  var action = document.createElement("p");
  var actionNode = document.createTextNode("You have rolled");

  action.appendChild(actionNode);
  log.appendChild(action);
}

Answer 1

我想在网上有无数的答案。但是

function actionBtn()
{
    var log = document.getElementById('log');
    var action = document.createElement("p");
    var actionNode = document.createTextNode("You have rolled");

    action.appendChild(actionNode);
    log.appendChild(action);

    log.scrollTop = log.scrollHeight;
}

使用overflow-y强制div始终显示最新（div的底部）

1 个答案: