Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Ask a Question
Welcome To Ask or Share your Answers For Others

Categories

vue怎么下拉菜单碰到浏览器下边界的时候重新定位？

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

vue怎么下拉菜单碰到浏览器下边界的时候重新定位？

自己写了一个vue下拉框组件，现在是通过滚动条位置scrollTop、屏幕高度clientHeight，减去组件离顶部的距离来实现定位的，通过监听页面滚动scroll和resize来重置高度，这种方式来实现的。

感觉这种方式有些复杂，而且不是很顺畅，有时还会计算错误，求问有没有更好的方式？

例子就像element-ui下拉框那样的，随着位置变化会自动重新定位的


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

1 Answer

0 votes
by (71.8m points)

可以不用监听scroll和resize事件
在每次点击下来展示的时候的时候再获取当前的组件的 getBoundingClientRect()值去判断就行


与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

Just Browsing Browsing

2.1m questions

2.1m answers

60 comments

56.6k users

Most popular tags

Powered by Question2Answer
Donate
Theme by Q2A Market&&OStack.cn
...