在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上的滚动效果还差








网友评论