React Bootstrap Navbar Transparent at top, color when scroll

  1. MDB Home Page
  2. Support Main Page
  3. MDB React
Topic: React Bootstrap Navbar Transparent at top, color when scrolling

Brian Burns asked 6 years ago

I have been looking at the React bootstrap version of MDBootStrap, and love the mix of material design with bootstrap, as well as the pre-made React component.  One thing I am unable to find, however, is how to implement a transparent Navbar while at the top, but when the user begins to scroll, the Navbar sets to a predetermined color.  Is this supported within this library?

Jakub Mandra staff premium answered 6 years ago

Hello Brian,

You have to add some props to the Navbar component.

For example this should work as you expected:

<Navbar scrolling dark expand="md" fixed="top">
</Navbar>

 

Regards,

Jakub from MDB

Aline Labellevie answered 4 years ago

Jakub! Thanks you so much, you are Amazing! You just saved me a whole day of trying to resolve my problem!

Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Resolved

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
Brian Burns
2Support score
1Questions 0Answers
0Snippets likes 0Snippets