Question

how can i build fixed menu like gmail menu. i have tried css, but the div stays in middle, it doesnt come up like the gmail menu does on scroll.

open in large image

i have tried using css property, following is some example code (not real code):

.menu {
    position:fixed;
    height: 36px;
    background-color:#fff;
}

Answer 1

Position fixed alone is not enough to achieve this effect. Also, position:fixed does not work in IE7 or below, so you’ll probably want to have fallback.

You need to use javascript (jQuery makes it easy) to dynamically change the position of the element based upon how far scrolled down the page you are.

Look into .scrollTop()

http://api.jquery.com/scrollTop/

var scrollTop = $(window).scrollTop();