ReactJS - Window.ScrollTo() 在辅助滚动条上不起作用

Question

对于我的 ReactJS 项目，我有一个简单的文本列表（使用 <ul> 和 <li> 标签），它有自己的滚动条来浏览列表，但不是整个页面。我可以用这个 css 代码做到这一点：

    #List-container {
        max-height: 425px;
        overflow: hidden;
        overflow-y: scroll;
    }

对于我的项目，我需要它自动向下滚动到列表底部。我尝试使用window.scrollTo()，但它不起作用，我很确定这是因为有一个辅助滚动条。

有谁知道我可以如何使用window.ScrollTo()，或者知道任何替代方案吗？

提前致谢！

Answer 1

我尝试了你的代码，我得到了一个预期的滚动条。

为了让某些东西自动滚动到底部，我会这样做：

let wHeight = window.innerHeight;
window.scrollY = wHeight;

这是我能想到的最简单的滚动到页面底部的方法。您可以将 window 替换为您想要在 DOM 中选择的任何内容。

要滚动到列表底部，只需写：

let divHeight = document.getElementById('List-container');
window.scrollY = divHeight.offsetHeight;