Welcome to Scroll-Responsive Header

Plain Header

Header Transparan

Scroll down to see how the header changes on scroll.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur venenatis lorem ut justo fringilla, ac facilisis enim sagittis.

Content line 1. Lorem ipsum dolor sit amet.

Content line 2. Lorem ipsum dolor sit amet.

Content line 3. Lorem ipsum dolor sit amet.

Content line 4. Lorem ipsum dolor sit amet.

Content line 5. Lorem ipsum dolor sit amet.

Content line 6. Lorem ipsum dolor sit amet.

Content line 7. Lorem ipsum dolor sit amet.

Content line 1. Lorem ipsum dolor sit amet.

Content line 2. Lorem ipsum dolor sit amet.

Content line 3. Lorem ipsum dolor sit amet.

Content line 4. Lorem ipsum dolor sit amet.

Content line 5. Lorem ipsum dolor sit amet.

Content line 6. Lorem ipsum dolor sit amet.

Content line 7. Lorem ipsum dolor sit amet.

Content line 1. Lorem ipsum dolor sit amet.

Content line 2. Lorem ipsum dolor sit amet.

Content line 3. Lorem ipsum dolor sit amet.

Content line 4. Lorem ipsum dolor sit amet.

Content line 5. Lorem ipsum dolor sit amet.

Content line 6. Lorem ipsum dolor sit amet.

Content line 7. Lorem ipsum dolor sit amet.

Content line 1. Lorem ipsum dolor sit amet.

Content line 2. Lorem ipsum dolor sit amet.

Content line 3. Lorem ipsum dolor sit amet.

Content line 4. Lorem ipsum dolor sit amet.

Content line 5. Lorem ipsum dolor sit amet.

Content line 6. Lorem ipsum dolor sit amet.

Content line 7. Lorem ipsum dolor sit amet.