Проблемы с position: fixed

[thfc]

Здравствуйте. Помогите пожалуйста с версткой. Проблема в том, что при увеличении страницы путем CTRL+ при появлении горизонтальной полосы прокрутки, меню не прокручивается в след за ней как остальное содержимое страницы. Точнее будет на примере, нужно как в Yahoo: https://www.yahoo.com/ верхний header остается статичным при вертикальной прокрутке, и также доступен при увеличении страницы при горизонтальной прокрутке. Мой пример с ошибкой http://jsfiddle.net/thfc/jL0524s2/1/.

Пробовал через firebug код yahoo проанализировать, всё равно не получилось.

 

[monochromer]

У Yahoo при малых размерах окна шапка перестет быть фиксированной. В вашем же случае нужно при прокрутке перемещать .header

 

Пример с jQuery

$(function () {    var $header = $('.header');        $(window).on('scroll', function () {        $header.css('left', -$(this).scrollLeft());    });});

[thfc]

Спасибо, monochromer! Просто я подумал что средствами нового css3 можно обойтись, найти какой нибудь position: stiky; Но теперь вижу что без jQuery не получится, !Yahoo со своей библиотекой прекрасно стправляются, а вот к примеру rbc.ru и under urmour в случае фиксированного .header используют именно jQuery. Ну и конечно если эта тема вам также интересна, то вот, нашел на GitHub интересный плагин ScrollToFixed:

https://github.com/bigspotteddog/ScrollToFixed

Edited October 12, 2015 by thfc