проблема с фиксированой навигацией

[swandev]

Пример тут http://jsbin.com/tufiyuwo/7/

 

Фон навигации ( в примере черным) должен занимать всю ширину контейнера.

Содержимое навигации (в примере желтым) всегда фиксированой ширины 960px и центрируется.

 

Нужно чтобы навигация была зафиксирована сверху, а при ширине меньше 960px содержимое меню (желтым) можно было скролить.

Сейчас же, при <960px  содержимое центрируется, и обрезается что не входит в область видимости.

[Switch74]

ну так вы его центрируете именно таким способом, который при меньших размерах скрывает объект без возможности скроллить

fixed на то и fixed чтобы всегда быть на экране зафиксированным, если хотите фиксацию только по вертикали, то сделайте через js

Edited March 6, 2014 by Switch74

[swandev]

ну так вы его центрируете именно таким способом, который при меньших размерах скрывает объект без возможности скроллить

fixed на то и fixed чтобы всегда быть на экране зафиксированным, если хотите фиксацию только по вертикали, то сделайте через js

с помощью js я уже сделал, мне интересно есть ли способ обойтись только CSS

[Switch74]

мне такого способа не известно

[Yazon_Nile]

Повесить  на фиксед блок с шириной 100% и оверфлоу ауто. В нем центрировать уже ваши внутренние блоки. СОотв при маленькой ширине включется оверфлоу и можно будет скроллить

[Switch74]

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

Мне кажется ТС явно не это требовалось http://jsfiddle.net/rGsJj/

Edited March 7, 2014 by Switch74

[Yazon_Nile]

Пример вы и так сделали. Очень грубый, но все же. Примерно так я и понял

[swandev]

Пример вы и так сделали. Очень грубый, но все же. Примерно так я и понял

Вот я сделал с помощью JS

http://alexlebedev.pw/works/typo2/

 

В первом посте на JSbin я пытался сделать только с помощью CSS