# How to finely scroll out custom header?

**URL:** <https://meta.discourse.org/t/how-to-finely-scroll-out-custom-header/101869>\
**Category:** UX\
**Created:** [November 12, 2018, 6:26pm UTC](https://meta.discourse.org/t/how-to-finely-scroll-out-custom-header/101869 "2018-11-12T18:26:31Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![rootsh3ll](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rootsh3ll/32/119507_2.png) [@rootsh3ll](https://meta.discourse.org/u/rootsh3ll)\
**Post date:** [November 12, 2018, 6:26pm UTC](https://meta.discourse.org/t/how-to-finely-scroll-out-custom-header/101869/1 "2018-11-12T18:26:31Z")

</div>

I see the top header of [discourse.ubuntu.com](http://discourse.ubuntu.com) and when I scroll down, the extra header smoothly scrolls out.

[https://global.discourse-cdn.com/meta/original/3X/8/c/8c95bebd52112fa7ed8ab89b5d0985aaef9cec1c.mov](https://global.discourse-cdn.com/meta/original/3X/8/c/8c95bebd52112fa7ed8ab89b5d0985aaef9cec1c.mov)

Unlike other discourse forums like: [https://talk.turtlerockstudios.com](https://talk.turtlerockstudios.com) Notice the glitchy behaviour of the top nav. bar

[https://global.discourse-cdn.com/meta/original/3X/a/1/a116e82ff909b76cae90cec6fab4c14a2f931921.mov](https://global.discourse-cdn.com/meta/original/3X/a/1/a116e82ff909b76cae90cec6fab4c14a2f931921.mov)

Can you provide the HTML and CSS code for the Ubuntu’s forum? with smooth transitioning

---

_[View the full topic](https://meta.discourse.org/t/how-to-finely-scroll-out-custom-header/101869)._