先說說這個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上。。。