jQuery фиксированный размер изменяемого размера списка?

Question

Я создал страницу drag-to-trigger_event на основе этого руководства .

Я отображаю список изображений в центре экрана, и иногда страница больше, чем размер окна, поэтому я должен использовать 'position: fixed', чтобы он всегда отображался в центре экрана.

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

Итак, моя проблема в том, что когда список параметров очень длинный (определяется пользователем), страница слишком мала для отображения всего списка. С 'position: absolute' проблем нет, так как появляются полосы прокрутки и пользователь может прокрутить вниз до последних позиций списка. Но с помощью 'position: fixed' пользователь не сможет увидеть весь список, потому что прокрутка прокручивает всю страницу с фиксированным списком, а весь список не виден.

Есть ли решение этой проблемы? Может быть, простой список из нескольких столбцов или «невидимая» прокрутка только для этого списка? Или другое простое решение?

Answer 1

Я решил эту проблему, динамически изменив margin-top в функции window.onScroll () и сохранив положение: absolute, позволяя мне просматривать каждый элемент в списке.

Answer 2

попробуйте дать: -

используйте любого из них: -

position: absolute;
position:relative;
position:fixed;

display: inline-block;

перейдите по этой ссылке для вашего решения один раз: -

http://www.dougboude.com/blog/1/2008/05/Viewing-Option-Text-in-IE7-thats-Wider-than-the-Select-List.cfm