Прокрутка со стилизованным неупорядоченным списком (выберите замену поля) - PullRequest
1 голос
/ 10 марта 2010

В моей компании был веб-сайт, над которым мы работали дизайнером. Это выглядит намного лучше, но я столкнулся с трудностью реализации их дизайна в HTML + CSS. У них сильно стилизованный блок <select>, настолько, что я не смог воссоздать его с чистым CSS. Я нашел решение , которое использует Javascript для замены поля <select> на <ul>. Это работает почти идеально, но есть две проблемы:

  1. Он не прокручивается, когда много элементов.
  2. Он не закрывается, когда вы щелкаете за пределами раскрывающегося списка.

Я поиграл с этим в Firebug, но, поскольку <li> имеют стиль display:block, кажется, они не содержатся в окружении <ul>, что означает, что я не могу установить максимальная высота.

Проблема № 2 не так важна, но было бы неплохо узнать, как это исправить.

Вот ссылка на страницу проблемы: http://www.truwindshield.com/test2/

1 Ответ

0 голосов
/ 10 марта 2010

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

Эта реализация также решает две проблемы, с которыми вы сталкиваетесь, и может сэкономить вам некоторые усилия, пытаясь заставить другое решение сделать то, что вы хотите.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...