1.问题:ios-h5页面滑动卡顿 方法:
-webkit-overflow-scrolling: touch;
overflow-y: auto
跟 setScrollViewBounce
有冲突,setScrollViewBounce 是ios 禁止scrollView弹性效果的底层原生方法,两者只能其一
2.vue3.0+watch
在setup里面,如果是正常定义变量,则在watch里面是没法监听修改渲染的
type=ref()
✅
let type = ''
❌
watch (
() => props.menuType, (val, oldval) => {
type = val // 没法更新组件
type.value = val // 响应式更改
},
{
immediate: true, // 是否从基数监听
deep: true // 深层监听
}
)
3.H5在刘海屏问题
通栏的情况下: 方案1
padding-top: constant(safe-area-inset-top);
padding-top: env(safe-area-inset-top);
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
padding-left: constant(safe-area-inset-left);
padding-left: env(safe-area-inset-left);
padding-right: constant(safe-area-inset-right);
padding-right: env(safe-area-inset-right)
方案2 padding-top: Max(60px, var(--safe-area-inset-top));
padding-top: Max(60px, var(--safe-area-inset-top));