html頁面局部滾動效果實現方法——原生CSS

<div>
<!-- 給父標簽添加一個類 -->
  <ul class="content">
    <li>列表1</li>
    <li>列表2</li>
    <li>列表3</li>
    <li>列表4</li>
    <li>列表5</li>
  </ul>
</div>

<style>
.content{
/*設置可見部分的高度*/
  height: 150px;
/*隨便設置個顏色區分可滾動區域和其他區域*/
  background-color: red;
/*設置在豎直方向上可滾動*/
  overflow-y: scroll;
/*overflow:hidden樣式可以不寫，因為scroll會自動隱藏超出content高度的部分*/
}
</style>