Фиксирование на экране без fixed

[Игорь Ермаков]

Привет, ребят. Есть какие-нибудь способы реализовать сабж? Нужно просто, чтобы шапка была всегда сверху и контент при скролле вниз тупо заезжал под неё. 

 

Фиксед не подходит, потому что с ним проблема, что блок просто обрезается при уменьшении экрана и не появляется скролл, width или min-width не помогают здесь. Хочется так, чтобы блок типа и не убирался никуда из основного потока, но просто поверх всех висит себе. 

 

Покидайте примеров если сталкивались с таким. 

[Z1gnet]

Было у меня такое что хедер на фиксиде не скролился по горизонтале. Разрулил скриптом, сейчас поищу

[Z1gnet]

<div id="header">  <div class="header-holder">  </div></div>

body{  min-width: 940px;}#header{  position: fixed;  top: 0;  left: 0;  width: 100%;}.header-holder{  width: 940px;  margin: 0 auto;  background: #ccc;}

jQuery(window).load(function(){	initHeaderPosition();})//header position initfunction initHeaderPosition(){	var win = jQuery(window);	var header = jQuery('#header');	function calcPosition(obj){		obj.stop().css({left: parseInt(obj.attr('data-top')) - win.scrollLeft()});		win.scroll(function(){			obj.stop().css({left: parseInt(obj.attr('data-top')) - win.scrollLeft()});		})	}	if(header.length){		header.attr('data-top',parseInt(header.css('left')));		calcPosition(header);	}}

Теперь при перемещении горизонтального скролла джеес будет менять хедеру величину left и тем самым хедер будет скроллиться

Edited November 16, 2013 by Z1gnet

[antonKar]

что блок просто обрезается при уменьшении экрана и не появляется скролл, width или min-width не помогают здесь

body {    min-width: 960px}

А просто минимальной ширины не достаточно разве на body?

Edited November 17, 2013 by antonKar

[Игорь Ермаков]

@Z1get, спасибо!