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 said:
Thanks but is it possible to do it only with Css and HTML?Borg said:
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 said:
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 said:
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 said:
A fixed navigation bar, also known as a sticky or persistent navigation bar, is a website element that remains visible and in its original position as the user scrolls down the page. This allows easy access to important links and menus without the need to scroll back to the top of the page.
A fixed navigation bar can improve the user experience by providing easy access to important links and menus at all times. It also saves users from having to scroll back to the top of the page, making navigation more efficient. Additionally, it can make a website look more modern and professional.
Creating a fixed navigation bar requires basic knowledge of HTML, CSS, and JavaScript. The first step is to create the HTML structure for the navigation bar. Then, use CSS to style it and make it fixed by setting the position property to fixed. Finally, use JavaScript to handle any necessary functionality, such as adding or removing classes for different screen sizes.
When creating a fixed navigation bar, it is important to consider the overall design and layout of the website. The navigation bar should be visually appealing and easy to use. It is also important to test the navigation bar on different devices and screen sizes to ensure it works properly. Additionally, make sure to keep the navigation bar simple and avoid overcrowding it with too many links.
Yes, it is possible to make an existing navigation bar fixed by adding a few lines of CSS and JavaScript code. However, depending on the complexity of the navigation bar and the website's design, it may require more extensive modifications. It is recommended to create a separate fixed navigation bar rather than trying to modify an existing one.