Есть ли способ контролировать высоту выпадающего списка выбора?

Question

Есть ли способ контролировать высоту выпадающего списка выбора?

0

У меня есть всплывающее окно, которое мой менеджер продукта хочет, чтобы я разместил выпадающий список. проблема заключается в том, что раскрывающийся список при открытии перекрывает всплывающее окно. (См. Ниже ужасное искусство ascii)

____________
|My Popup  |
|  ____    |
| |___V|   |
| |    |   |
|_|    |___|
  |____|

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

Все, что я искал, все говорили, что это невозможно. Есть идеи?

Nathan Tregillus 19 сен. 2013, в 18:09

Источник

Теги:

html

user-interface

html-select

2 ответа

1

Это должно помочь вам. очень элегантный и чистый.

http://css-tricks.com/long-dropdowns-solution/

U r s u s 19 сен. 2013, в 13:01

0

к сожалению, это не соответствует нашим рекомендациям по пользовательскому интерфейсу. спасибо за пост, хотя!
Nathan Tregillus 19 сен. 2013, в 15:41
0

@NathanTregillus это позор. Как насчет установки подходящей высоты строки для каждого элемента списка в раскрывающемся меню?
U r s u s 19 сен. 2013, в 15:43
0

Я тоже думал об этом, но в зависимости от контекста, в котором вы открываете всплывающее окно, раскрывающийся список может содержать 5 элементов или 99 элементов (не более).
Nathan Tregillus 19 сен. 2013, в 15:45
0

Очевидно, но вы пытались установить высоту селектора 'li'? Радикальным вариантом будет ограничение количества элементов в раскрывающемся списке. Но я думаю, что это будет слишком ограничивающим для вас.
U r s u s 19 сен. 2013, в 16:12
0

на данный момент я надеялся на какое-то быстрое и грязное решение, но похоже, что количество отображаемых элементов в списке контролируется браузером, и нет никакого способа указать движку, что я хочу только 5 элементов за раз в списке, а не 25.
Nathan Tregillus 19 сен. 2013, в 16:39
0

Можете ли вы показать образец своего кода, пожалуйста?
U r s u s 19 сен. 2013, в 20:03
0

конечно, я постараюсь собрать пример сегодня вечером
Nathan Tregillus 20 сен. 2013, в 17:59
0

Привет @NathanTregillus, у тебя была радость?
U r s u s 22 сен. 2013, в 08:35
0

Извините, Дура, вот мой jsfiddle, просто перечисляю тип проблемы, которую я имею jsfiddle.net/Medrio/EQgDN
Nathan Tregillus 23 сен. 2013, в 21:23

Показать ещё 7 комментариев

Ещё вопросы

к сожалению, это не соответствует нашим рекомендациям по пользовательскому интерфейсу. спасибо за пост, хотя!
@NathanTregillus это позор. Как насчет установки подходящей высоты строки для каждого элемента списка в раскрывающемся меню?
Я тоже думал об этом, но в зависимости от контекста, в котором вы открываете всплывающее окно, раскрывающийся список может содержать 5 элементов или 99 элементов (не более).
Очевидно, но вы пытались установить высоту селектора 'li'? Радикальным вариантом будет ограничение количества элементов в раскрывающемся списке. Но я думаю, что это будет слишком ограничивающим для вас.
на данный момент я надеялся на какое-то быстрое и грязное решение, но похоже, что количество отображаемых элементов в списке контролируется браузером, и нет никакого способа указать движку, что я хочу только 5 элементов за раз в списке, а не 25.
Можете ли вы показать образец своего кода, пожалуйста?
конечно, я постараюсь собрать пример сегодня вечером
Привет @NathanTregillus, у тебя была радость?
Извините, Дура, вот мой jsfiddle, просто перечисляю тип проблемы, которую я имею jsfiddle.net/Medrio/EQgDN

Vladimir · Accepted Answer · 2013-09-19T12-42-00.000Z

Если всплывающее окно полностью установлено, для этого не существует html/css. Но javascript может помочь вам с этим, просто добавьте смещение top + height вашего суб-всплывающего окна к высоте основного всплывающего окна.

Я не уверен, что я следую ... У меня есть только одно всплывающее окно, которое находится в абсолютном положении в середине экрана, тогда все элементы управления в этом всплывающем окне расположены относительно указанного div. (также, по другим причинам, содержимое находится в iframe, пожалуйста, не судите меня, другие ограничения контроля, к сожалению)
Я уверен, что есть какой-то способ, которым вы используете для вызова этих элементов, что-то вроде: hover, так что вам просто нужно добавить функцию изменения размера, которая будет срабатывать при наведении курсора и изменять размер вашего контейнера и изменять его размер при наведении мыши