Центрирование фиксированного элемента, но прокрутка его горизонтально

Question

С некоторыми проблемами, заставляющими это работать. PLEEEEEEASE помощь.

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

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

Возможно ли это без JavaScript? Должен работать в IE7 + и не прерываться в IE6.

http://www.louiswalch.com/beta/t/_scrolltest4.html

Answer 1

Ах, интересный вопрос.Я не думаю, что вы можете достичь этого без JavaScript.

position: fixed означает, что элемент расположен относительно области просмотра.Вы хотите это вертикально, но вы не хотите это горизонтально.Я не думаю, что есть какой-то способ достичь этого в CSS.

Answer 2

Вы не можете иметь position:fixed для контента с прокруткой переполнения. Вам нужно использовать JavaScript для этого. Я ответил на аналогичный вопрос, используя jQuery на Исправлен заголовок внутри блока прокрутки , где div исправлен, даже если содержимое прокручивается из-за переполнения.

Проверьте рабочий пример на http://jsfiddle.net/VswxL/3/

Answer 3

Простой: http://jsbin.com/awaqug/edit#javascript,html,live

Немного отредактировано для облегчения реализации по вашему желанию. Код JQuery не мой ... Да. Это помогло мне, в одно мгновение ...