Design Fixed Nav Bar: Steps & Tips to Create One

[Dave Ritche]

Hello everyone..
I was thinking about designing a navigation bar that would stay at the top of the body whenever the webpage is scrolled down.how can i do that?please help...
Thanks in advance..

 

[Borg]

Hello everyone..
I was thinking about designing a navigation bar that would stay at the top of the body whenever the webpage is scrolled down.how can i do that?please help...
Thanks in advance..

Have you looked at bootstrap.js? Take a look at the examples (http://getbootstrap.com/getting-started/#examples). They have a fixed nav bar example.

 

[Dave Ritche]

Have you looked at bootstrap.js? Take a look at the examples (http://getbootstrap.com/getting-started/#examples). They have a static nav bar example.

Thanks but is it possible to do it only with Css and HTML?

 

[Borg]

Thanks but is it possible to do it only with Css and HTML?

I haven't tried but I would think that you would need some javascript to get it to stay in place. If you haven't worked with javascript, the examples are mostly cut and paste.

 

[Dave Ritche]

Thanks...i would try'em..

 

[Borg]

Thanks...i would try'em..

Good luck. I've been working with the library and it's not too difficult. It's a good library to easily build pages that look the same across multiple browsers without having to code it yourself. The tutorials that I've seen are pretty good also.

 

[Dave Ritche]

Thanks.
Can you tell me more about library and it's tutorials?

 

[Borg]

Thanks.
Can you tell me more about library and it's tutorials?

I watched this tutorial and found it very helpful. As you watch the tutorial, he references the getbootstrap.com page and how to work with the docs and examples. By the end, you should be feeling like a whole world has opened in front of you.

 

[Dave Ritche]

Thanks..