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) {

       //  操作

       // }

     },