Фиксированная горизонтальная полоса прокрутки

Question

Фиксированная горизонтальная полоса прокрутки

0

Хорошо, вот что я имею: http://jsfiddle.net/E2U3j/

И поскольку это довольно большой div, я бы хотел иметь фиксированную горизонтальную полосу прокрутки в верхней части окна, когда я прокручиваю ее в div, но если я не полностью в div (например, если div только видимая половина, я имею в виду, если она не заполняет всю высоту окна), горизонтальная полоса прокрутки должна находиться в верхней части div... Как бы вы решили это? Благодаря :)

Luis Gallego 19 апр. 2014, в 00:01

Источник

0

что вы подразумеваете под полностью в div?
ajc 18 апр. 2014, в 22:08
0

Например, если div видна только половина, я имею в виду, если он не заполняет всю высоту окна
Luis Gallego 18 апр. 2014, в 23:09

Теги:

javascript

jquery

html

css

2 ответа

0

этот код должен решить вашу проблему <div id="topnav" style="position:fixed; max-height:x; overflow-y:scroll;"></div> тогда содержимое вашего верхнего навигатора прокручивается внутри себя и фиксируется в верхней части страницы

Plentybinary 18 апр. 2014, в 19:26

Ещё вопросы

что вы подразумеваете под полностью в div?
Например, если div видна только половина, я имею в виду, если он не заполняет всю высоту окна

Gromo · Accepted Answer · 2014-04-19T08-02-00.000Z

Попробуйте панель прокрутки jQuery с внешней полосой прокрутки (доступна на странице демонстрационных прокруток прокрутки) - полоса прокрутки может быть размещена в любой части вашей страницы, вы можете скрыть/показать ее, зафиксировать и т.д....

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