How to transition from a transparent to a solid header on scrolling?

In order to achieve a header that changes from transparent to a solid header, you can do that by following this tutorial:

1. You need to create a solid header that is sticky. 
2. Make sure you set the sticky to "Show on Sticky", so it will only show when it is sticky.
   
3. Below that solid header, you need to create a transparent header.
4. That's it 🙂

By doing so, you will have a header that transitions from a transparent to a solid header on scrolling.