滚动条相关

嵌套在盒子里面的滚动条

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20

代码

<template>
  <div class="auto-scroll">
    <div class="main">
      <ul>
        <li v-for="i in 20" :key="i">{{ i }}</li>
      </ul>
    </div>
  </div>
</template>

<style scoped lang="less">
  .auto-scroll {
    margin-top: 20px;
    width: 300px;
    height: 200px;
    border: 1px solid;
    resize: vertical;
    overflow: auto;
    padding: 20px;

    .main {
      overflow-y: scroll;
      height: 100%;

      ul {
        margin: 0;
      }
    }
  }
</style>