Design Fixed Nav Bar: Steps & Tips to Create One

  • Thread starter Thread starter Dave Ritche
  • Start date Start date
Click For Summary

Discussion Overview

The discussion revolves around designing a fixed navigation bar that remains at the top of a webpage during scrolling. Participants explore various methods to achieve this, including the use of CSS, HTML, and JavaScript, as well as frameworks like Bootstrap.

Discussion Character

  • Exploratory
  • Technical explanation
  • Homework-related

Main Points Raised

  • One participant inquires about creating a fixed navigation bar using only CSS and HTML.
  • Another participant suggests looking at Bootstrap.js for examples of fixed navigation bars.
  • A participant expresses doubt about achieving the fixed effect without JavaScript, suggesting that it may be necessary for functionality.
  • Some participants share their experiences with Bootstrap and its tutorials, indicating that they found them helpful for building consistent web pages.
  • There is a mention of a specific tutorial that references the Bootstrap documentation, which participants found beneficial.

Areas of Agreement / Disagreement

Participants do not reach a consensus on whether a fixed navigation bar can be created solely with CSS and HTML, as some believe JavaScript is necessary. Multiple viewpoints regarding the use of Bootstrap and its resources are presented.

Contextual Notes

There is uncertainty regarding the necessity of JavaScript for achieving the fixed navigation bar effect, and the discussion includes references to external resources that may not be universally accessible or applicable.

Who May Find This Useful

Web developers and designers interested in navigation bar design, particularly those exploring the use of CSS, HTML, and frameworks like Bootstrap.

Dave Ritche
Messages
70
Reaction score
6
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..
 
Technology news on Phys.org
Dave Ritche said:
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.
 
  • Like
Likes   Reactions: Dave Ritche
Dave Ritche said:
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.
 
Thanks...i would try'em..
 
  • Like
Likes   Reactions: Borg
Dave Ritche said:
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.
 
Thanks.
Can you tell me more about library and it's tutorials?
 
Dave Ritche said:
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. :smile:

 
Thanks..
 

Similar threads

  • · Replies 19 ·
Replies
19
Views
2K
  • · Replies 4 ·
Replies
4
Views
2K
  • · Replies 3 ·
Replies
3
Views
2K
  • · Replies 4 ·
Replies
4
Views
2K
Replies
4
Views
4K
  • · Replies 17 ·
Replies
17
Views
2K
  • · Replies 1 ·
Replies
1
Views
2K
Replies
7
Views
3K
  • · Replies 3 ·
Replies
3
Views
3K
  • · Replies 23 ·
Replies
23
Views
9K