<div class="demo">
        <div>语文</div>
        <div>数学</div>
        <div>音乐</div>
        <div>历史</div>
        <div>地理</div>
        <div>政治</div>
</div>

  .demo {
    height: 92px; //指定可滑动区域高度
    width: 44px;
    overflow-y: auto; //出现垂直滚动条
    margin: 30px;//无关紧要的代码
    div {
      border: 1px solid rosybrown;
    }
  }

另外，想要自定义滚动条样式，可以考虑以下(不考虑兼容，chrome可用)

  /*
  &: 根div，内部是滚动的区域
*/
  /* 自定义滚动条 */
  &::-webkit-scrollbar {
    width: 6px;
  }
  /*滚动轴背景颜色*/
  &::-webkit-scrollbar-thumb {
    background-color: #d9d9d9;
  }

参考自： https://blog.****.net/qq_41589917/article/details/107199561?utm_medium=distribute.pc_relevant.none-task-blog-2_defaultbaidujs_baidulandingword~default-0.control&spm=1001.2101.3001.4242

以上。

指定div区域内滑动