我怎样才能创建一个滚动条内的这个类别部分。
例如，看看youtube的滚动条，我想用tailwind css创建它。

类别

export const categories = [
  {
    name: "cars",
    image:
      "https://i.pinimg.com/750x/eb/47/44/eb4744eaa3b3ccd89749fa3470e2b0de.jpg",
  },
  {
    name: "fitness",
    image:
      "https://i.pinimg.com/236x/25/14/29/251429345940a47490cc3d47dfe0a8eb.jpg",
  },
  {
    name: "wallpapers",
    image:
      "https://i.pinimg.com/236x/03/48/b6/0348b65919fcbe1e4f559dc4feb0ee13.jpg",
  },
  {
    name: "websites",
    image:
      "https://i.pinimg.com/750x/66/b1/29/66b1296d36598122e6a4c5452b5a7149.jpg",
  },
  {
    name: "photo",
    image:
      "https://i.pinimg.com/236x/72/8c/b4/728cb43f48ca762a75da645c121e5c57.jpg"
];

边栏

<div className="flex h-full flex-col gap-5 overflow-y-auto">
            {categories.slice(0, categories.length).map((item, id) => (
              <NavLink
                to={`/category/${item.name}`}
                className={({ isActive }) =>
                  isActive ? isActiveStyle : isNotActiveStyle
                }
                onClick={handleCloseSidebar}
                key={id}
              >
                <img
                  src={item.image}
                  alt="category-item"
                  className="w-8 rounded-full h-8 shadow-sm"
                />
                {item.name}
              </NavLink>
       ))}

更新：添加了代码（只有类别部分）。我有很多代码上面和下面的这一点，我认为这将是更好的不添加，因为他们没有任何目的的滚动。
注：只有类别部分将滚动，我不希望整个侧边栏滚动！