vue中点击节点获取节点的位置
在节点绑定点击事件<div @click="posilDiv($event)"></div>posilDiv(event){var DOM = event.currentTarget;// 获取节点距离浏览器视口的高度var top = event.currentTarget.getBoundingClientRect()
·
在节点绑定点击事件
<div @click="posilDiv($event)"></div>
posilDiv(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;
}
更多推荐
已为社区贡献4条内容
所有评论(0)