vue 獲取指定元素滾動條位置

<script> export default { mounted(){
　　//addEventlistener 第三個參數必須設置為true addEventListener('scroll',this.handleScroll, true) }, methods:{ handleScroll(){ 　　　　　//獲取元素高度  this.$refs.init.offsetHeight

 let scrollTop = document.querySelector("#wrap").scrollTop; console.log(scrollTop); } } }; </script>

 

html 部分

<div class="container" id="wrap" style="height:300px;overflow:auto;">
      <div style="height:16000px"> 
　　　　 <ul>
　　　　　　<li></li>
　　　　　　<li></li>
        </ul>
　　　 </div>
</div>

效果