【原】IOS相容性之APP內fixed定位頭部跳動，iosfixed

【原】IOS相容性之APP內fixed定位頭部跳動，iosfixed

相容現象：

　　在App的webview裡邊，我們有時候會在頁面裡寫自訂頭部，會使用到fixed定位，我們想要的效果是，頁面無論怎麼滑動，這個自訂的頭部始終是固定在頂部的，但是在ios 11以上的版本裡邊，問題來了，當我們快速滑動頁面的時候，頁面滾動期間，這個fixed定位的頭部會隨著頁面的滑動滑上去，等到上滑動作執行完畢時，頭部才又出現。這個問題在安卓及ios11以下的版本都是沒有的。

解決：

　　直接將這個頁面控制在一個盒子裡邊去滑動，頭部相對於這個盒子進行絕對位置。但是這樣寫帶來的副作用就是除類名為wrapper的元素外，其他元素的scrollTop屬性值總是0。

<div class="box" style="position:absolute;top;0;left:0;right:0;bottom:0;-webkit-overflow-scrolling:touch;">    <div class="head" style="position:absolute;top;0;left:0;right:0;">Head</div>    <div class="wrapper" style="position:absolute;top;0;left:0;right:0;bottom:0;overflow-y:scroll;">         <div class="content">             <p>para</p>              ...              <p>para</p>        </div>    </div></div>