Vue 给 div 设置滚动条

容器样式

<div
    :style="{'max-height': this.Height + 'px' }"
    style="overflow-y:scroll;"
 >
            
</div>

声明 timeLineHeight

 data() {
    return {
      Height: "",
    }
  }

通过窗口大小来判断实际高度

mounted() {
    this.Height = document.documentElement.clientHeight;
    window.onresize = () => {
      this.Height = document.documentElement.clientHeight;
    };
  },

如果div大小是固定的，则不需要声明和判断赋值，直接写高度就可以了，主要还是overflow来控制滚动条

window.onresize 是直接给window的onresize属性绑定事件，只能有一个。当窗口大小发生改变的时候，执行里面的操作

窗口大小改变就会执行代码，容易造成浏览器假死，可以通过函数防抖来解决