scrollIntoView() 仅在 React 中的 div 中滚动答案

【问题标题】：scrollIntoView() scroll only in div in ReactscrollIntoView() 仅在 React 中的 div 中滚动
【发布时间】：2021-08-22 09:42:42
【问题描述】：

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

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

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

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

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

【问题讨论】：

【解决方案1】：

你应该这样做：

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

【讨论】：