1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
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
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
  • 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
Tags
mdbootstrap-pro
About author
Neuhofer
20Support score
2Questions 1Answers 0Snippets