Welcome toVigges Developer Community-Open, Learning,Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
1.2k views
in Technique[技术] by (71.8m points)

vue 获取元素高度为什么会有偏差

<div class="">
    <div class="item">海南省</div>
    <div class="item picker-active">重庆市</div>
</div>

this.$nextTick(()=>{
    document.getElementsByClassName('picker-active')[0].offsetHeight
})

.picker-items{height:calc(358px - 45px);overflow-y: auto;}
.picker-items .item{position: relative;height:44px;line-height:44px;padding:0 24px;font-size:14px;color:#999;overflow: hidden;}
.picker-items .item:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px;background: #f5f5f5;}

image
image
image
image

为什么有时候是48,有时候是49


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

offsetleft、offsettop、offsetwidth、offsetheight,这四个函数最终获取的均为整数
所以你这个区的时候,在计算取整时出现了不一样。


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to Vigges Developer Community for programmer and developer-Open, Learning and Share

2.1m questions

2.1m answers

31 comments

45.2k users

...