test.png

昨天接到這樣一個(gè)需求 要求紅色的部分可以滾動。

如果使用js touchstar touchmove touchend很顯然太麻煩，所以就想到了之前的顯示滾動條。

那如何使紅色部分可以滾動呢？

<style>
  className{
      overflow-y:scroll;height:設(shè)置一定的高度;
  }
</style>

為什么要設(shè)置高度呢？不設(shè)置高度它就可以把父級撐開達(dá)不到展示滾動條的效果了。

這樣簡單又實(shí)際的滾動就可以了。