尾轴滚动条不显示

Question

<div className="col-span-3 h-screen overflow-y-scroll   ">
      <ul className="m-5">
        <li className="flex items-center mb-4">
          <FontAwesomeIcon
            icon={faRss}
            className="m-2"
            color="black"
            size="lg"
          />
          <span className="ml-3">Feed</span>
        </li>
        <li className="flex items-center mb-4">
          <FontAwesomeIcon
            icon={faCommentDots}
            className="m-2"
            color="black"
            size="lg"
          />
          <span className="ml-3">Comments</span>
        </li>
        <li className="flex items-center mb-4">
          <FontAwesomeIcon
            icon={faVideo}
            className="m-2"
            color="black"
            size="lg"
          />
          <span className="ml-3">Videos</span>
        </li>
        <li className="flex items-center mb-4">
          <FontAwesomeIcon
            icon={faUserFriends}
            className="m-2"
            color="black"
            size="lg"
          />
          <span className="ml-3">Groups</span>
        </li>
        <li className="flex items-center mb-4">
          <FontAwesomeIcon
            icon={faBookmark}
            className="m-2"
            color="black"
            size="lg"
          />
          <span className="ml-3">Bookmarks</span>
        </li>
        <li className="flex items-center mb-4">
          <FontAwesomeIcon
            icon={faQuestion}
            className="m-2"
            color="black"
            size="lg"
          />
          <span className="ml-3">Questions</span>
        </li>
        <li className="flex items-center mb-4">
          <FontAwesomeIcon
            icon={faBriefcase}
            className="m-2"
            color="black"
            size="lg"
          />
          <span className="ml-3">Jobs</span>
        </li>
        <li className="flex items-center mb-4">
          <FontAwesomeIcon
            icon={faCalendar}
            className="m-2"
            color="black"
            size="lg"
          />
          <span className="ml-3">Events</span>
        </li>
        <li className="flex items-center mb-4">
          <FontAwesomeIcon
            icon={faGraduationCap}
            className="m-2"
            color="black"
            size="lg"
          />
          <span className="ml-3">Courses</span>
        </li>
        <button className="bg-gray-200 border-none p-2 rounded">
          Show More
        </button>
      </ul>
      <hr className="m-2" />
      <ul className="">
        <li className="flex m-4 items-center">
          <img src={one} />
          <span className="ml-2">Jane Doe</span>
        </li>
        <li className="flex m-4 items-center">
          <img src={one} />
          <span className="ml-2">Jane Doe</span>
        </li>
        <li className="flex m-4 items-center">
          <img src={one} />
          <span className="ml-2">Jane Doe</span>
        </li>
        <li className="flex m-4 items-center">
          <img src={one} />
          <span className="ml-2">Jane Doe</span>
        </li>
        <li className="flex m-4 items-center">
          <img src={one} />
          <span className="ml-2">Jane Doe</span>
        </li>
        <li className="flex m-4 items-center">
          <img src={one} />
          <span className="ml-2">Jane Doe</span>
        </li>
        <li className="flex m-4 items-center">
          <img src={one} />
          <span className="ml-2">Jane Doe</span>
        </li>
      </ul>
    </div>

​

​

我希望用户能够滚动在页面的左边看到他们的朋友或任何人，他们跟随。我试图添加一个滚动选项，因为用户的后续增长。随着用户的增长，它增加了滚动功能，但是没有办法不滚动整个页面就无法滚动。我怎样才能解决这个问题？

Answer 1

检查所有连接的CSS文件(最有可能是在index.css文件中)以确保没有添加以下CSS行

::-webkit-scrollbar{
    display: none;
}