Question

I im trying to set the position to fixed on scoll. I need it to happen without the div underneath has a position.

I created this fiddle of how i would like it to be, but without the div #body is positioned.

http://jsfiddle.net/mortenhauberg/fPTnq/embedded/result/

Is it posible?

I am new to javascript/jQuery!

I hope you understand my poor english!

Morten Hauberg

Answer 1

Based on your code, the class not_fixed is applying a position:absolute when the menu is within the scrollable area. But when the user scrolls the browser viewport outside the viewable area, you have script adding a css class to the <div id="menu">. Is adds fixed class (which applies a position:fixed). Remove the not_fixed class, and it will stop breaking the scroll.

<div id="menu" class="not_fixed">
   <h1 id="show">MENU</h1>           
   <div class="hide" id="sub_menu" style="display: none;">
      TEKST<br>
      TEKST<br>
      TEKST<br>
      TEKST<br>
      TEKST<br>
      TEKST<br>
      TEKST<br>
   </div>     
</div>