Menu "stay on top" jQuery


#1

Hi to all,
There is a menu on Codecanyon “stay on top” as in the following example? http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/06/nagging-menu-with-css3-and-jquery/index.html

I tried searching on Codecanyon but could not find…

Thanks


#2

you can set any menu like that if you apply position: fixed;


#3
ZoomIt said

you can set any menu like that if you apply position: fixed;

I do not think that a simple position:fixed; to replace jQuery, CSS 3 etc. :smiley:

I think that you did not see the link I included in my post.


#4

You can just use the code for that menu with any menu or you can just customize that menu to fit your needs.


#5
fabiofarolfi said
ZoomIt said

you can set any menu like that if you apply position: fixed;

I do not think that a simple position:fixed; to replace jQuery, CSS 3 etc. :smiley:

I think that you did not see the link I included in my post.

in css3 you could use:

-webkit-position:fixed lol


#6

It’s a mixture of ‘parallax scrolling’ and css’ ‘position: fixed’ I believe.

You can measure the scrolling position quite easily with jQuery and when it has a certain value, you set the position of the nav to “fixed”.

I never wrote such a script yet but it my understanding it’s a couple of lines, one could write in less than an hour.


#7
ZoomIt said

you can set any menu like that if you apply position: fixed;

No, you can’t. At the beginning, the menu is not at the top of the page, but as the user scrolls, it sticks at the top.

@fabiofarolfi Try one of these tutorials: http://webdesign.tutsplus.com/tutorials/javascript-tutorials/create-a-sticky-navigation-header-using-jquery-waypoints/

http://www.backslash.gr/content/blog/webdevelopment/6-navigation-menu-that-stays-on-top-with-jquery


#8

Jumbotron by Bootstrap