IOS解决触碰滚动区域下方的空白区域出现暂时性卡顿问题

566 阅读1分钟

遇到的问题:最近在移动端使用view-table组件替换原生的表格组件时遇到了一个问题,在手机端滚动时偶尔会出现暂时性卡顿问题;多次测试发现是因为点击到滚动区域下的空白区域;

查找原因:百度搜索得知滑动到顶部或者底部继续往上滑会触发暂时性卡住问题,是IOS8以上的特性,如果滚动区域大一点,用户不会觉得这是bug,如果小了,用户会不知道发生了什么而卡住。在安卓手机测试确实没有发生这种问题

解决办法:给body设置overflow:hidden完美解决

document.querySelector('body').setAttribute('style', 'overflow:hidden')

ps:在网上找到的一些其他的解决办法没有作用