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

相关推荐
yanyu-yaya2 分钟前
@progress/kendo-react-dropdowns <ComboBox>组件报错,解决
前端·javascript·react.js
小破孩呦6 分钟前
动态循环表单+动态判断表单类型+动态判断表单是否必填方法
前端·javascript·html
ElasticPDF-新国产PDF编辑器24 分钟前
React PDF Annotation plugin library online API examples
前端·react.js·pdf
Bruce_Liuxiaowei2 小时前
构建macOS命令速查手册:基于Flask的轻量级Web应用实践
前端·macos·flask
Python私教2 小时前
安装electron项目是为什么要执行postinstall script
前端·javascript·electron
shmily_yyA2 小时前
Nextjs15 实战 - React Notes之SidebarNoteList优化和Suspense的使用
前端·react.js·前端框架
知识分享小能手2 小时前
CSS3学习教程,从入门到精通, 化妆品网站 HTML5 + CSS3 完整项目(26)
前端·javascript·css·学习·css3·html5·媒体
了不起的码农3 小时前
ES6对函数参数的新设计
前端·ecmascript·es6
XH2763 小时前
Android 通知用法详解
前端
陈随易3 小时前
盘点23个Nodejs的替代品Bun的实用功能
前端·后端·程序员