framework7在iOS下滚动冻结的问题

问题

最近入职一家公司接手了一个项目，使用了vue+framework7，这个项目使用framework7的初衷只是把它看成UI框架，可是在ios的safari浏览器或者是微信内置的浏览器打开时会出现滚动冻结的问题。
具体操做： 页面处于顶端时用力往下拉，或者页面处于底部时用力往下拉，在ios下顶部或者底部会出现空白区域，手松开后页面会恢复到原位，可是有时候通过上面的操做后，页面没法用手指滑动了。

解决办法

先上解决的代码，可是这个并非很完美，可是也找不到更好的办法了
在你的项目中使用的全局样式文件中添加:

.page-content::before { display: block; content: ""; position: absolute; z-index: -99999; top: 0px; left: 0px; bottom: -1px; right: 0px; }

缘由

凶手就是这个属性

-webkit-overflow-scrolling: touch;

这个属性只有在iOS下才生效，当容器中的内容的height大于容器的height的时候使用overflow: scroll,就会产生滚动，而-webkit-overflow-scrolling: touch就会使滚动变得平滑、带有惯性。在Android中的属性是overflow: scroll或者overflow: auto后是不须要这个属性的，自己的滚动就会产平生滑和带有惯性的效果。

至于为何这个属性致使了iOS滚动冻结的缘由，emmmm...水平过低不知道怎么研究。
百度了很久看到一篇文章
深刻研究-webkit-overflow-scrolling:touch及ios滚动
这篇文章讲述了基本的缘由，不过最后的解决方案我试过好像仍是有点问题，用手在屏幕上快速滑动的时候仍是会冻结

最后到github上framework7的issue中找有人遇到相同的问题了，我提出了个人状况，有我的回复了，上面的解决的代码就是它提供的，这个是连接Problem with scrolling in App in Home Screen Added.

解决思路跟上面一篇国内的文章是同样的，可是我感受这个更好
国外还有另一款框架叫onsen跟framework7有相同的问题，由于他们为了使iOS的滚动可以平滑都使用了-webkit-overflow-scrolling: touch；