處理ios的overflow滾動bug

標籤：ges   網上   es2017   lin   web   scrolling   color   nta   ios   

先說說這個bug的情境

.container{     height:100vh;     overflow-y:scroll;  }

沒毛病，總有這種類似的情況，需要在容器內滾動，但是！這種容器內的滾動在ios上面處理的情況是類似於

-webkit-overflow-scrolling:auto;

什麼意思？

就是滑動的時候，當手離開螢幕的那一刻，滾動立即停止（from MDN）

那網上也給出對應的解決方案就是在容器上設定一個

-webkit-overflow-scrolling:touch;

這種情況的話可以保證滾動流暢了。

但是！！！經常出現各種滾不動、卡死之類的，體驗超級不好。

雖然網上也有給出各種解決方案

{     height:calc(100%+1px);     z-index:1;}

但是。。。。然並卵，沒用

=================================================================================

大爺不伺候了，那些要處理滾動事件什麼的我還是綁到body上。。。

 

處理ios的overflow滾動bug