scrollIntoView() 仅在 React 的 div 中滚动

Question

我有一个包含一些元素的容器（见下图），每当我单击其中一个元素时，我希望它们位于容器的中心。

^{我想滚动到某个元素的容器}

我为所有元素使用了一个 ref 数组，每当我单击一个元素时，我都会调用 scrollIntoView() 函数。

        itemsRef.current[curVideoPos]?.scrollIntoView({
            block: "center",
            inline: "nearest",
        });

滚动功能按我想要的方式工作，但唯一的问题是整个页面也被移动（滚动）。那么我需要做什么才能让 scrollIntoView() 函数只在容器上滚动而不是整个页面？

Answer 1

你应该这样做：

element.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'start' })

scrollIntoView() scroll only in div in React