css實現橫向滾動與縱向滾動

橫向滾動與縱向滾動實現的原理相同，即用div包裹着內容，然后給這個div設置豎向overflow：auto；

注：橫向滾動需要設置具體的寬度，縱向滾動需要設置具體的高度，否則的話就不能實現

html如下：

  <div class="home_content_left">
          <div
        :class="[selectIndex===index?'home_content_left_items_active':'home_content_left_items']"
        v-for="(item,index) in list"
        :key="index"
        v-on:click="onClick(index)"
      >{{item.title}}</div>
    </div>

css如下：

.home_content_left {
  width: 25%;
  height: 100vh;;
  background: rgb(241, 241, 241);
  /* overflow-y: auto; */
  border-right:.5px solid rgb(214, 214, 214);
  overflow-y:auto;
}

　　如果想要去掉滾輪：則設置如下屬性即可：

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