# Elastic scrolling on ipad causes header to unstick from top of window

**URL:** <https://meta.discourse.org/t/elastic-scrolling-on-ipad-causes-header-to-unstick-from-top-of-window/33481>\
**Category:** UX\
**Tags:** tablet\
**Created:** [Setembro 19, 2015, 8:43pm UTC](https://meta.discourse.org/t/elastic-scrolling-on-ipad-causes-header-to-unstick-from-top-of-window/33481 "2015-09-19T20:43:51Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)\
**Post date:** [Setembro 19, 2015, 8:43pm UTC](https://meta.discourse.org/t/elastic-scrolling-on-ipad-causes-header-to-unstick-from-top-of-window/33481/1 "2015-09-19T20:43:51Z")

</div>

Over-scrolling downwards on an ipad causes the header to unstick from the top of the window. If the drop-down menu is open the header will move underneath it.

 ![](https://global.discourse-cdn.com/meta/original/3X/4/1/41a2179724a896bd06003defc821a0945118c218.gif)

This is happening because during the over-scroll the .docked class is dropped from the body and the header’s position is changed from `fixed` to `absolute`. Setting `.d-header { position: fixed; }` keeps the header stuck to the top of the window. I’m not sure if doing that causes other problems though.

* * *

Edit - setting .d-header to alway have `position: fixed` interferes with having a custom header.

---

_[View the full topic](https://meta.discourse.org/t/elastic-scrolling-on-ipad-causes-header-to-unstick-from-top-of-window/33481)._