笔记

万物寻其根,通其堵,便能解其困。
  博客园  :: 新随笔  :: 管理

VUE节点位置

Posted on 2024-12-30 19:07  草妖  阅读(3)  评论(0)    收藏  举报

获取节点位置:

<div class="ques-audio-process-speed" @click="showSpeedArea($event)">{{playSpeed}}x</div>

        showSpeedArea:function(event){
            var DOM = event.currentTarget; // 获取节点距离浏览器视口的高度
            var top = event.currentTarget.getBoundingClientRect().top; // 获取节点距离浏览器视口的宽度
            var left = event.currentTarget.getBoundingClientRect().left; // 获取滚动条滚动距离
            var scrollTop=document.body.scrollTop||document.documentElement.scrollTop; // 两个top相加就是节点真正的top值
            top = top+scrollTop;
        },

待续....