React Bootstrap Navbar Transparent at top, color when scroll

Topic: React Bootstrap Navbar Transparent at top, color when scrolling

Brian Burns free asked 5 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?

Add comment

Aline Labellevie free answered 3 years ago

0 0 Best answer

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

Add comment

Jakub Mandra staff answered 5 years ago

2 0 Best answer

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

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

ForumUser: Free
Premium support: No
Technology: MDB React
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

Brian Burns

2Support score
1Questions 0Answers 0Snippets