2012-06-18 5 views
0

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

Например:

<div id="navbarWrapper" style="height:80px;position:static"> 
     <div id="navbar" style="height:80px"> 
       <ul><li></li></ul> 
     </div> 
</div> 

Теперь у меня есть событие прокрутки улавливают прокручивает и когда это происходит, я делаю #navbar в фиксированном положении, и когда я проверить РОМ я вижу, что #navbarWrapper сжался и так как #navbar pos был изменен на фиксированный, он был вырван из иерархии элементов dom в окне, а оболочка div уменьшилась, и мне бы хотелось, чтобы он все еще имел высоту 80 пикселей, хотя теперь он пуст.

Спасибо,

+0

То, что вы описываете, не имеет большого смысла. Возможно, вы могли бы подготовить jsfiddle. – Pointy

+0

@Pointy, navbarWrapper сжимается, когда внутренняя позиция div задана как фиксированная, и поскольку в фиксированном положении элемент вынимается из окна, элемент оболочки теперь является пустым элементом div, и хотя высота равна 80px; в firebug я мог видеть, что это сжалось при проверке его – Alon

+0

Я не понимаю, что вы подразумеваете под термином «shrink». У него фиксированная высота; он действительно не может измениться по размеру. [Вот тестовый пример] (http://jsfiddle.net/ZZXTK/) на основе того, что вы описали, и я не вижу этого поведения. – Pointy

ответ

0

Если вы хотите, чтобы исправили положение определенного DIV, вы должны использовать position:fixed; сделать обертку ДИВ фиксированы. Для большего совершенства вы также можете поделиться кодом.

+0

Я отредактировал свой вопрос, так как мой вопрос был не ясен – Alon

Смежные вопросы