vue滚动条事件（获取滚动条距离底部距离）

<div  class="main" @scroll.passive="getScroll($event)" style="height:100px;overflow:auto;">
    <ul>
      <li>内容</li>
    </ul>
 </div>

.main{

  width: calc(1125vw / 11.25);

  height: 100%;

  overflow-y: scroll;

}

 

getScroll( event ) {

       // 滚动条距离底部的距离scrollBottom

       let  scrollBottom =

         event .target.scrollHeight -

         event .target.scrollTop -

         event .target.clientHeight;

       // if (this.finished && scrollBottom < 40) {

       //  操作

       // }

     },