0

I want to slide the menubar according to the page scrolling. Here is an example : Sample Site

I want to do this menubar sliding effect.

OwnurD
  • 195
  • 1
  • 3
  • 17

2 Answers2

2

Have you taken a look at this suggestion:

http://ruturaj.net/automatic-header-stick-to-scroll-with-jquery/

It seems to do exactly what you are asking.

Damien
  • 1,490
  • 1
  • 8
  • 17
  • Yes, this one is exactly what I am looking for. Thank you, I'll accept this one as an answer. – OwnurD Jan 17 '14 at 23:16
  • 1
    That's for the upvote. If you feel it is what you are after, you could accept the answer too. :) – Damien Jan 17 '14 at 23:19
0

Conceptually, you would position the menu bar "static" until the coordinates of that div/ul reach the viewport. Then you would position it "fixed".

This answer should be of help with regard to getting the coordinates.How do I calculate the width between two elements?

Community
  • 1
  • 1
Harvey A. Ramer
  • 763
  • 7
  • 13