Javascript 滚动到包含新插入内容的div的底部_Javascript

Javascript 滚动到包含新插入内容的div的底部

javascript

Javascript 滚动到包含新插入内容的div的底部,javascript,Javascript,我有一个div，它最初是空的，但是使用JavaScript我用内容填充它。我想滚动到div的底部，但什么也没发生。在滚动之前，我是否必须等待或执行某些操作 document.getElementById("div").innerHTML = "<p>lots of HTML content</p>"; document.getElementById("div").scrollTop = document.getE

我有一个div，它最初是空的，但是使用JavaScript我用内容填充它。我想滚动到div的底部，但什么也没发生。在滚动之前，我是否必须等待或执行某些操作

document.getElementById("div").innerHTML = "<p>lots of HTML content</p>";
document.getElementById("div").scrollTop = document.getElementById("div").scrollHeight;

document.getElementById（“div”）.innerHTML=“大量HTML内容””；
document.getElementById（“div”）.scrollTop=document.getElementById（“div”）.scrollHeight；

我不知道是否还有其他相关代码我们在这里看不到，但这个确切的模式似乎适合我，您使用的是什么设备和浏览器？我刚刚试过Nathan Chappell安装的沙盒，它在iPadIOS13.Chrome上的Windows和ChromeOS上滚动没有问题@NathanChappell我刚刚尝试了你的沙盒代码，它一直在div的顶部，除非我向下滚动，否则它只显示从0到13的数字。如果我添加

window.getComputedStyle（document.getElementById（“div”）；它似乎可以工作在两行代码之间。我使用的工具对吗？@GFL好的，我已经简化了程序，并将所有代码放在一个地方，它在windows/chrome上运行得很好。如果它仍然无法工作，那么您可能需要重新安装浏览器？也许有一些模糊的设置或插件正在干扰？