如何设置在scrollIntoView中滚动的持续时间并具有平滑的行为？

Question

在我的反应项目中，我有以下功能，我可以在其中滚动到元素中

const scroll = () => {
    const element = document.getElementById('element') as HTMLDivElement;
    element.scrollIntoView({ behavior: 'smooth', block: 'start' });
}

我想让秒变慢，我该怎么做？

Answer 1

您的代码应该正确运行，但请确保该元素存在。您可以尝试 https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView 中的任何选项。

或者尝试添加这个CSS：

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}