Scrolling navbar and top-nav-collapse

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: Scrolling navbar and top-nav-collapse

Offei Lord asked 8 years ago

the background of navbar from transparent to different color when scrolling does not work

Sid26 commented 4 years ago

I would like to know if this problem is solved? Currently iam facing this issue

Marcin Luczak staff commented 4 years ago

Hi @Sid26,

You can achieve the feature you've mentioned by adding a proper background color to the .top-nav-collapse class. Please see my snippet: https://mdbootstrap.com/snippets/jquery/marcin-luczak/2744533

Regards, Marcin

Marta Szymanska staff pro premium answered 8 years ago

Can you give me more details? E.g. piece of code from your website.

donmehdi commented 7 years ago

it's this example: https://mdbootstrap.com/live/_MDB/index/docs/page-layouts/intro-fixed-transparent.html the background of the navbar doesnt change when the scroll event is trigerred. the class is added the nav but the css of the class doesnt have any effect

santiago olivera answered 7 years ago

Hi, I did the tutroial of Landing page and it does not work me the top-nav-collapse that can be?

donmehdi commented 7 years ago

I'm facing the same issue, have you found any solution to this, thanks in advance

Ollie Vincent pro commented 7 years ago

If you post your code someone might be able to help :)

Castillo pro commented 7 years ago

same problem

Ollie Vincent pro answered 7 years ago

Hi folks, Is the top-nav-collapse class toggling on/off as you scroll up/down your page? If so, you just need to style it.   Thanks
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

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
Offei Lord
4Support score
1Questions 0Answers
0Snippets likes 0Snippets