IOS在滾動的時候fixed消失

眾所周知，ios在滾動的時候是不能執行js的，這雖然是它內部的實現導致的，也為了解決這一問題，它特地推出的position:sticky屬性，來相容一些對動態設定fixed的場景，不過，當筆者的測試機公升級到了ios11的時候，一切又不一樣了:　　　　

在ios11上開啟滾動以上的頁面（如果看不到效果可以訪問這個鏈結），會發現頁面上的fixed的button如果滾動得過快則會消失，當滾動停止之後又會再次出現，乙個非常奇怪的問題，經過筆者和團隊的小夥伴的多方除錯參考，發現主流的解決方案有兩種：

1、直接避免用瀏覽器的滾動事件，完全使用touch事件模擬滾動，也就是這篇文章所介紹的；

2、另一種就比較有趣了，能夠在改動比較小的情況下修復這個ios11的這個bug，請看這個鏈結

其實原理很簡單，筆者經過一些除錯發現，只要滾動的元素用的不是window的滾動條，且fixed的元素不在滾動元素內部，及定位元素和滾動元素要在同乙個層級，就能夠比較方便的規避ios11的這個缺陷：

給要滾動的元素加上

overflow: auto;
-webkit-overflow-scrolling: touch; 
height: 100vh;

網上有說加上 transform: translate3d(0, 0, 0);但是經測試並沒有用