ios上滚动条不能滑动 滚动卡住的问题

iosapp上viewweb h5不能滑动的问题

1.给滑动容器添加样式

css 复制代码
overflow-x: hidden!important;
overflow-y:scroll!important;
touch-action: auto!important;
-webkit-overflow-scrolling: touch!important;//惯性滑动

2.html添加

html 复制代码
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="yes" name="apple-touch-fullscreen">

3.滑动容器的所有父元素添加样式(只给要滚动父容器添加即可)

css 复制代码
overflow:hidden!important;

参考:

https://www.cnblogs.com/xiahj/p/8036419.html

https://blog.csdn.net/CZDBGSY/article/details/141724284

相关推荐
烟袅19 分钟前
深入 V8 引擎:JavaScript 执行机制全解析(从编译到调用栈)
前端·javascript
金梦人生19 分钟前
UniApp + Vue3 + TS 工程化实战笔记
前端·微信小程序
海云前端120 分钟前
移动端 CSS 十大避坑指南 熬夜总结的实战解决方案
前端
海云前端121 分钟前
20 个浏览器原生能力 替代工具库少写百行代码
前端
Holin_浩霖21 分钟前
🌿 Fiber 异步渲染机制 & 时间切片原理详解
前端
烟袅22 分钟前
深入浏览器渲染流程:从 HTML/CSS/JS 到 60FPS 的视觉魔法
前端·css·html
有点笨的蛋23 分钟前
JavaScript 执行机制深度解析:编译、执行上下文、变量提升、TDZ 与内存模型
前端·javascript
jump68024 分钟前
ts的范性
前端
阿凡达蘑菇灯26 分钟前
langgraph---条件边
开发语言·前端·javascript
海云前端127 分钟前
别再堆 if-else 了!TypeScript 模式匹配让代码更优雅
前端