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: Navbar Color wont change on Scroll

Neuhofer free asked 5 years ago


I am using the code provided in the example of https://mdbootstrap.com/previews/docs/latest/html/intros/intro-app.html#

But the Navbar color does not change as it should.


Neuhofer free answered 5 years ago


I am using the same code provided in the example. Also added the scss. The problem is that the Navbar stays transparent while scrolling down.

Thank you

HMTL

MDB Home (current) Link Profile https://mdbootstrap.com/img/Photos/Others/architecture.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center;"> Make purchases with our app Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem repellendus quasi fuga nesciunt dolorum nulla magnam veniam sapiente, fugiat! Commodi sequi non animi ea dolor molestiae iste. Download Learn more


Damian Gemza staff commented 5 years ago

Dear @Neuhofer

Please add your code one more time, using special code button in the editor - CTRL + K buttons.

Without the code, I won't help you, because, for me, everything is working just fine.

Best Regards,

Damian


Damian Gemza staff answered 5 years ago


Dear @Neuhofer

Did you use this example? I have used this code, and for me, everything is working like in the live preview which you have linked.

Could you please provide me with some screenshots of actual behavior? Also, the code which is not working for you would be helpful too.

Best Regards,

Damian


Neuhofer free commented 5 years ago

I am using the same code provided in the example.Also added the scss.The problem is that the Navbar stays transparent while scrolling down.

Thank you

HMTL

MDB Home (current) Link Profile https://mdbootstrap.com/img/Photos/Others/architecture.jpg'); background-repeat: no-repeat; background-size: cover; background-position: center center;"> Make purchases with our app Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem repellendus quasi fuga nesciunt dolorum nulla magnam veniam sapiente, fugiat! Commodi sequi non animi ea dolor molestiae iste. Download Learn more



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: MDB Angular
  • MDB Version: 8.0.0
  • Device: Laptop
  • Browser: Chrome
  • OS: Mac
  • Provided sample code: No
  • Provided link: Yes