Is it possible to stop an element scrolling with css?

[loggo]

Hi!

 

I would like to use a similar effect like on the content pages of w3schools for the navigation. This means when scrolling down the page the navigation stops scrolling when it reaches the top of the window. I have already searched for this in several places but I couldn't find a solution using CSS.

 

Here is the example:

http://www.w3schools.com/html/default.asp

 

First the navigation scrolls upwards and then stops at the top of the page. Is it possible to create this by using CSS and if yes, how? If it is not possible with CSS, what would you recommend for this?

 

Thanks for your help!

 

Greetings,

loggo

[tejasamrute]

It is called Fixed Navigation Bar.......google it you will get a lot of options with animation

[loggo]

Thank you for your help but that's actually not what I am looking for. At least I cannot find the right thing with google. My problem is, that the bar shall not be at top right at the beginning but moves upwards when scrolling until it reaches the top of the window. Everything I can find when searching for "Fixed Navigation Bar" is navigation bars that are already at top position when loading the page.

[tejasamrute]

http://jsfiddle.net/uFq2k/

http://stanhub.com/scroll-to-top-then-fixed-navigation-effect-with-jquery-and-css-free-download/

http://jsfiddle.net/CriddleCraddle/Wj9dD/

https://css-tricks.com/scroll-fix-content/

 

 

is this what you need???

[loggo]

Yes, that's exactly what I am looking for. Thank you very much. Alright, so its not possible with CSS alone..

 

Thanks!