1.取消页面整体回弹效果
给body标签加上fixed就好
可以使用document.body动态开关
body.fixed {
position: fixed;
height: 100vh;
width: 100vw;
top: 0;
right: 0;
box-sizing: border-box;
}
2.滑动卡住问题
问题:滑动时候会卡主不动,短暂静止后或者点击屏幕后可以继续滑动
解决方案1:
https://www.cnblogs.com/xiahj/p/8036419.html
但并未解决我的问题,我的是框架页面嵌套过多,导致的多层滚动嵌套
解决方案2:
将展示的页面的所有父元素溢出隐藏
const scrollFixup = (dom)=>{
if(dom.parentElement){
dom.parentElement.style.overflow = 'hidden';
scrollFixup(dom.parentElement);
}
}
标签:body,parentElement,dom,适配,ios,H5,滑动,fixed,页面
From: https://blog.csdn.net/CZDBGSY/article/details/141724284