Javascript 添加新元素时如何使自动向下滚动？

我在做信使式的聊天

我的HTML

<div class="mechanism">
    <input type="text" class="textbox"></input>
    <button class="send">send</button>
</div>    

当我输入一些信息时，它不会向下滚动。我甚至在这个网站上搜索了一下，但找不到答案，有些根本不起作用

我也试过了

.scrollIntoView();

但那没用

如果有一种方法没有jQuery，那就太好了：）

并且输入具有固定的位置

获取新元素：

var element = document.getElementById(newElement);

第一个用于即时滚动，第二个用于平滑滚动：

element.scrollIntoView();

element.scrollIntoView({behavior: "smooth"});

这是一个有用的网页

---

：

但您希望输入也保持在视图中，即使向下滚动也是如此吗？那么，为什么不将新内容插入inputbox上方，而不是下方呢？可接受吗？@trincot输入位置：固定；我想我也需要添加css:Dhmm。。。好啊也许你可以复制并粘贴你尝试过的内容？也许你应该检查输入错误如果这对你有帮助，你可以点击复选标记确认它作为解决方案。

element.scrollIntoView();

element.scrollIntoView({behavior: "smooth"});