我正在用React开发一个Web应用程序。我希望滚动条在我的分类改变时水平滚动。

应用程序当前如下所示：

但我希望它如下所示。我希望滚动条自动滚动。

我列出类别的代码如下：

<div className="bg-white p-2 sticky top-0 flex space-x-4 overflow-scroll border-b border-gray-300 z-10 ">
  {categories?.map((item, index) => {
    return (
      <MobileCategory
        key={index}
        categoryName={item.Title}
        active={item.Id.toString() === activeCategory}
        setActiveCategory={setActiveCategory}
        id={item.Id.toString()}
      />
    );
  })}
</div>