iOS如何优雅的解决-webkit-overflow-scrolling css属性问题

在iOS的H5页面中,总是受到UIScrollView的阻尼效果困扰,今天提供一个优雅的解决方案
1、本操作针只支持WKWebView,如果使用UIWebView出现不稳定效果,只能等以后更新处理。
2、本操作在framework7框架中初步测试,并未进行深度测试。

// 简单,优雅的解决方案代码在这里
html, body {
    height: 100%;
    position: fixed;
    overflow: hidden;
}
// div置顶
.fixed-top {
    position: fixed;
    top: 0;
}
// div置底
.fixed-bottom {
    position: fixed;
    bottom: 0;
}

3、-webkit-overflow-scrolling属性带来的困扰
在使用了多个移动h5框架后(ionic/framework7/Onsen),都发现会出现卡屏的现象,这就是-webkit-overflow-scrolling属性设置,带来的困扰。
直接滚动div上的-webkit-overflow-scrolling属性即可
在iOS13上,页面滚动效果十分优秀。
在iOS12上,完全没有了平滑的滚动效果了。比Android上的滚动效果还差

你可能感兴趣的:(iOS如何优雅的解决-webkit-overflow-scrolling css属性问题)