完美解决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;
}
这样就解决了上述提到的问题。关于为什么加个body，就能改变样式的优先级，可以参照我的博客相关文章（how2js.cn）
以上这篇完美解决iview 的select下拉框选项错位的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍js解决select下拉选不中问题，包括了js解决select下拉选不中问题的使用技巧和注意事项，需要的朋友参考一下 当事件mouseover中出现select下拉框时，select下拉是选不中的，解决办法： var o = e.relatedTarget || e.toElement;//判断下移动到的对象，移动到option上ie下是null，firefox等为undefined
-
本页包含内容： 为Dictionary增加objectsForKeys函数 Swift中更简便的方法 内嵌可选类型 提供一个默认值 可选类型是Swift中新引入的，功能很强大。在这篇博文里讨论的，是在Swift里，如何通过可选类型来保证强类型的安全性。作为例子，我们来创建一个Objective-C API的Swift版本，但实际上Swift本身并不需要这样的API。 为Dictionary增加ob
-
各种大小的下拉框 <div class="row"> <div class="field-label">mini</div> <div class="select-size" data-skin="mini"></div> </div> <div class="row"> <div class="field-label">tiny</div> <div class=
-
本文向大家介绍完美解决java.lang.OutOfMemoryError处理错误的问题，包括了完美解决java.lang.OutOfMemoryError处理错误的问题的使用技巧和注意事项，需要的朋友参考一下 原因： 常见的有以下几种： 1.内存中加载的数据量过于庞大，如一次从数据库取出过多数据； 2.集合类中有对对象的引用，使用完后未清空，使得JVM不能回收； 3.代码中存在死循环或循环产生过
-
本文向大家介绍ECSHOP完美解决Deprecated: preg_replace()报错的问题，包括了ECSHOP完美解决Deprecated: preg_replace()报错的问题的使用技巧和注意事项，需要的朋友参考一下 随着PHP5.5 的普及，ECSHOP系统又爆出了新的错误。PHP发展到PHP5.5版本以后，有了很多细微的变化。而ECSHOP官方更新又太慢，发现这些问题后也不及时升级，
-
本文向大家介绍Swift中使用可选类型完美解决占位问题，包括了Swift中使用可选类型完美解决占位问题的使用技巧和注意事项，需要的朋友参考一下 可选类型是Swift中新引入的，功能很强大。在这篇博文里讨论的，是在Swift里，如何通过可选类型来保证强类型的安全性。作为例子，我们来创建一个Objective-C API的Swift版本，但实际上Swift本身并不需要这样的API。 为Dictiona