Fancyselect: Как заставить открыть селектор внизу?

Question

Fancyselect: Как заставить открыть селектор внизу?

0

Это плагин:

Страница Fancyselect - http://code.octopuscreative.com/fancyselect/

Это ситуация:

Мне нужно контролировать позицию, в которой откроется окно выбора с различными опциями.

Я попытался изучить код, но я не понял, как это сделать. Но я думаю, что, по умолчанию, это зависит от наличия или отсутствия какого-либо пространства выше.

Чтобы быть более ясным, я воссоздал два примера:

Здесь селектор открывается сверху: http://jsbin.com/AqoYucAG/2/edit

Здесь селектор открывается внизу: http://jsbin.com/AqoYucAG/3/edit

Но, поверьте мне, css и js точно совпадают в обоих. Какое изменение заключается в том, что во втором примере он пропускает div с его содержимым.

Моя реальная ситуация похожа на первый пример: fancyselect находится под div с некоторым текстом, а как и в jsbin, селектор открывается сверху, а мне нужно открыть его внизу.

Это вопрос:

Как можно контролировать позицию, в которой будет открываться селектор? И как сделать это открытие внизу?

Спасибо!

johnnyfittizio 27 нояб. 2013, в 19:01

Источник

Теги:

javascript

jquery

html

css

jquery-plugins

1 ответ

Ещё вопросы

Yehia · Accepted Answer · 2013-11-27T15-47-00.000Z

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

он добавляет и удаляет переполняющий класс, который определяет класс управления css, как открывается управление

if add> options.addClass('overflowing'); выбор откроется внизу

для проверки, которые пытаются прокомментировать //options.addClass('overflowing'); и увидеть поведение

Я пробовал ваши решения как на моем проекте, так и на jsbin, но не работает в обоих.
этот вверху jsbin.com/AqoYucAG/3/edit comment options.addClass ('переполнение'); и увидим результат
Да, вы правы, сейчас работает, спасибо!