How to create a dynamic fixed div

Question

I need your help, i want to create a dynamic fixed DIV That means it a fixed div but it cant override header (or other div's above it) and footer (or other div's below it). Example when scroll on top it below other div but when scroll down enough it will be in top, and when scroll to bottom of pages it stand above other div. I don't know the key for this div is, so i call it "dynamic fixed div".

An example here: http://www.1stwebdesigner.com/wp-content/uploads/2010/07/index.html . I want to create a div like as "Select category" div.

Thanks!

Answer 1

You can use the css property "position: fixed;" to do it, and with Jquery you can do some effects interesting.

So, look this tutorial, I believe it'll help you.

http://www.sutanaryan.com/jquery/how-to-create-fixed-menu-when-scrolling-page-with-css-and-jquery/