网站 优化 分析,如何去做电商平台,亿万网站,小程序制作一个需要多少钱下面我就为大家分享一篇完美解决iview 的select下拉框选项错位的问题#xff0c;具有很好的参考价值#xff0c;希望对大家有所帮助。在使用iview的过程中#xff0c;我遇到这样一个问题#xff0c;在Model中使用select下拉框组件。但是当弹出框超过一屏需要滚动时#xf…下面我就为大家分享一篇完美解决iview 的select下拉框选项错位的问题具有很好的参考价值希望对大家有所帮助。在使用iview的过程中我遇到这样一个问题在Model中使用select下拉框组件。但是当弹出框超过一屏需要滚动时select的下拉选项会出现错位(下图1为正常图2为滚动后下拉选项错位。)图1图2在分析组件代码后发现以下一个样式.ivu-modal .ivu-select-dropdown {position: absolute !important;}解决方案正是这个样式影响了下拉框的定位解决的方式是覆盖作者的原来样式。但是很不巧的是作者加了一个 !important ,改变了优先级。那么如何让自己的样式优先级比他高呢可以在自定义的样式文件里加入这样的样式body .ivu-modal .ivu-select-dropdown{position: fixed !important;}上面是我整理给大家的希望今后会对大家有帮助。相关文章
