2012-05-10 3 views
0

я искал плавающей DIV/меню, которое будет не только плавать, как на примере нижеПлавающий DIV со свитком способностью

http://dropthebit.com/demos/stickyfloat/stickyfloat.html

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

, но как только он достигнет конца div/menu поплавка, он будет блокироваться сверху или снизу в зависимости от того, в каком направлении вы прокручиваете.

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

Чтобы увидеть, как выше описан пример плавающего div, с помощью firebug или dev инструменты делают высоту div больше, чем порт представления, она не сработает. Или просто измените размер окна, чтобы он был короче, чем высота плавающего div, вы увидите, что он останавливается после вас, когда вы прокручиваете длинную страницу.

Это проблема. У меня есть динамическое меню опций, которое расширяет контракты, такие как опции istockphoto, вы можете видеть это ниже.

http://www.istockphoto.com/search/text/boxer/source/

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

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

это просто кажется слишком много для чего-то, что кажется достаточно простым.

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

ответ

0

Поскольку вы используете JQuery, если вы можете использовать JQuery UI, они поддерживают диалог: http://jqueryui.com/demos/dialog/

Затем вы можете установить мин-высота, мин-ширина, чтобы позволить коробке, чтобы охватить, как большой, как или вы можете использовать настройки высоты/ширины, чтобы разрешить только определенный размер, а затем переполнение: авто, чтобы разрешать полосы прокрутки.

Смежные вопросы