Javascript scrollIntoView 仅在直接父级中

Question

如何制作 scrollIntoView只滚动直接父级(例如 div 和 overflow-y: scroll; )而不是整个页面？

我有一个网络界面，我正在为一个内部的、非常具体的目的而制作。我页面上的其他元素包括 div具有指定高度和 overflow-y是 scroll .

我有数据会定期出现在这个区域，我希望它总是滚动到底部(例如，某个远程服务器上子进程的控制台输出)。

如果我使用 scrollIntoView ，它会滚动 overflow-y div .....但也滚动整个页面。

在带有大显示器的计算机上，这不是问题，但在我的屏幕较小的笔记本电脑上，它也会滚动整个窗口，这绝对不是预期/期望的行为。

Answer 1

我想你可能正在寻找的是

.scrollIntoView({block: "nearest", inline: "nearest"});

在支持的情况下(基本上除了 IE 和 SafarIE 之外的任何地方)，这将做“最少”的运动来显示元素；因此，如果外部容器可见，但目标元素隐藏在该容器内 - 那么它应该滚动内部容器而不是页面。