处理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上。。。

相关文章
相关标签/搜索