选择框下拉正常，下拉错位如何解决

梦想家NO1 2019-08-12 03:15:25

...全文

911 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

梦想家NO1 2019-08-15

打赏
举报

回复

引用 1 楼潇湘忆梦的回复:

这是样式有冲突，你把代码贴出来下

是滴，样式冲突啦去除这个 .scrollspy-example { overflow-x: hidden; overflow-y: scroll; }就好啦

jio可 2019-08-13

打赏
举报

回复

打开控制台选中错位的地方查看样式，修正padding或margin的值，自己添加一个样式

潇湘忆梦 2019-08-12

打赏
举报

回复

这是样式有冲突，你把代码贴出来下

本文探讨了HTML select控件在iOS浏览器中底部弹出下拉选择导致的页面错位及点击事件不响应问题。提供了通过JS调整页面滚动位置的解决方案，确保选择框提交后页面元素正常响应。

当el-select组件的option超过一定数量时，可能出现下拉框位置错位。解决方法是设置:popper-append-to-body=false属性，并添加CSS样式.transform:translateX(-5px);以调整下拉框的位置。

本文描述了在使用AntDesign的a-select组件时，遇到滚动屏幕后选择框错位的问题，提供了解决方案，即通过设置get-popup-container属性来定位弹出层父节点。

文章讲述了在ElementUI的el-select组件在带有滚动条的弹窗中下拉框超出范围的问题，提供了一个JavaScript解决方案，通过创建hideSelect函数动态隐藏下拉框并处理鼠标事件以防止其打开。同时，建议在有滚动条的外部div上添加scroll事件，确保下拉框滚动正常工作。

文章讲述了在使用ElementUI的uiselect选择框时，遇到大小调整后箭头位置错误的问题，提供了通过CSS调整字体大小、高度和定位来解决这个问题的详细步骤。

28,403

社区成员

356,946

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章