Question

这是插件：

Fancyselect页面 - http://code.octopuscreative.com/fancyselect/

情况如此：

我需要控制具有各种选项的选择器窗口将打开的位置。

我试图查看代码，但我没有弄清楚如何做到这一点。但我认为，默认情况下，它取决于上面是否有一些空间。

为了更清楚，我重新创建了两个例子：

此处选择器位于顶部：http://jsbin.com/AqoYucAG/2/edit

此处选择器在底部打开：http://jsbin.com/AqoYucAG/3/edit

但是，相信我，css和js在两者中完全相同。在第二个例子中，它错过了div及其内容，这有什么变化。

我的实际情况与第一个例子类似：fancyselect在带有一些文本的div下面，而在jsbin中，选择器在顶部打开，而我需要在底部打开它。

这就是问题：

如何控制选择器打开的位置？以及如何让它在底部打开？

谢谢！

Answer 1

if ((parent.offset().top + parent.outerHeight() + options.outerHeight() + 20) > $(window).height()) {
            options.addClass('overflowing');
          } else {
            options.removeClass('overflowing');
          }
        }

他添加并删除溢出的类 css类控制控件的打开方式

如果添加＆gt; options.addClass('overflowing'); 选择将在底部打开

测试尝试评论//options.addClass('overflowing');并查看行为

Fancyselect：如何强制打开底部的选择器？

1 个答案: