Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Post an Article
Welcome To Ask or Share your Answers For Others

Categories

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

0 votes
399 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 Reply

0 votes
by (71.8m points)

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


与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界，一个免费开放的程序员编程交流平台！开放，进步，分享！让技术改变生活，让极客改变未来！ Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

Just Browsing Browsing

1.4m articles

1.4m replys

5 comments

57.0k users

Most popular tags

Snow Theme by Q2A Market
Powered by Question2Answer
...