Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Scrolling navbar and top-nav-collapse

Offei Lord free asked 8 years ago


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

Sid26 free 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


Ollie Vincent pro answered 6 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

santiago olivera free 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 free commented 6 years ago

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

Ollie Vincent pro commented 6 years ago

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

Castillo pro commented 6 years ago

same problem

Marta Wierzbicka staff answered 8 years ago


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

donmehdi free commented 6 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


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

  • ForumUser: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags