處理ios的overflow滾動bug

先說說這個bug的場景ios

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

沒毛病,總有這種相似的狀況,須要在容器內滾動,可是!這種容器內的滾動在ios上面處理的狀況是相似於web

-webkit-overflow-scrolling:auto;spa

什麼意思?code

就是滑動的時候,當手離開屏幕的那一刻,滾動當即中止(from MDN)blog

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

-webkit-overflow-scrolling:touch;it

這種狀況的話能夠保證滾動流暢了。io

可是!!!常常出現各類滾不動、卡死之類的,體驗超級很差。class

雖然網上也有給出各類解決方案容器

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

可是。。。。然並卵,沒用

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

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

相關文章
相關標籤/搜索