# 如何精细滚动自定义标题栏？

**URL:** <https://meta.discourse.org/t/how-to-finely-scroll-out-custom-header/101869>\
**Category:** UX\
**Created:** [2018年十一月12日 18:26 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:** 7

<div class="post-metadata">

**Author:** ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)\
**Post date:** [2018年十一月13日 07:00 UTC](https://meta.discourse.org/t/how-to-finely-scroll-out-custom-header/101869/7 "2018-11-13T07:00:00Z")

</div>

This occurs because the header is docked at the top of `#main-outlet` while positioned absolutely and then it changes to `position: fixed` and so it “jumps” to the top of the page once you scroll past the top of `#main-outlet`.

This is not an issue if you don’t have custom markup added before the main-outlet, but if you do, you get the results you described.

I pushed a small fix to address the issue and the transition will now be like what you see on the Ubuntu community if you add custom markup

[https://github.com/discourse/discourse/commit/ac7b05884917c8949ad9690d1e3b63eeb7f6303f](https://github.com/discourse/discourse/commit/ac7b05884917c8949ad9690d1e3b63eeb7f6303f)

---

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