小程序
小游戏
企业微信
微信支付
扫描小程序码分享
ios内嵌h5页面有上下滑动，使用了"disableScroll":true，仍无效
4 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
遇到相同问题，目前有解决方案吗
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
这个问题解决了吗？楼主的意思是：比如我整个H5页面没有超出屏幕的显示高度，按理说本身不会有滑动，但实际情况是，即使页面没有超出屏幕显示高度，上下滑动整个window层还是会弹性的滑动。小程序页面上是用disableScroll控制，但h5页面控制不了。此情况会在任意IOS系统上触发。而且会和overflow:auto滚动条的div发生冲突。
按道理来说 iOS 的表现才是正常的，Android 的表现是有问题的。
因为 disableScroll 是一个小程序页面的配置项，只能影响小程序的页面，而不应该影响 web-view 组件中的 H5 页面。
这里是 iOS 和 Android 两端没有对齐，这个问题我们会处理。
不过我建议这里可以先绕开，在请求的页面 url 中加一个 querystring 参数 ?disableSroll=true，页面的 js 代码里根据这个 querystring 参数来判断是否要禁止自己的 H5 页面滚动，即 H5 页面自行处理自己要不要滚动。
可是h5页面是不会自己上下滑动的，是把页面放进小程序里才会滑动的，滑动能看到的背景是小程序的背景
可以提供一个代码片段吗？我觉得我可能没有理解你的意思。
你的意思是不是想：
H5 页面本身的内容是超出了窗口大小的，但是不会滑动，已经通过某种 CSS 或者 JS 方式禁止了滚动。
H5 页面放到小程序 web-view 里，会引起滚动。
这个滚动，不会滑动 h5 页面，而是会滑动小程序页面，能看到···背景？你说的是下图里标记为 background 的区域吗
不是啊，理解错了呀
随便写个web-view标签，写个h5的链接，然后ios打开，按住页面上下滑动，就看到效果了，在安卓上，按住页面上下滑动，是滑不动的，ios却能滑动，就是正常小程序原生的页面，安卓也是按住页面上下滑动页面不会动，ios会，只不过小程序原生的页面在json里配置disableScroll":true，ios就不会按住页面出现上下滑动了
我还是没看懂，虽然你说问题很简单，但是为了保证场景一致，请提供一个能复现问题的代码片段吧https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
请提供一下出现问题的机型和微信版本，以及能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。
<web-view src='https://ll.linkfeeling.cn/platform/lkfl.html'/>
ipone6 微信版本7.0.3
安卓机都正常，但是json设置了
"disableScroll": true，
ios页面上下也不划动了，
但是ios的内嵌h5还是上下可以滑动，
页面体验差，无法交差
所以你想要配置了这个以后小程序页面和 h5 页面都不能上下滑动，是吗
"disableScroll": true，小程序ios的页面是不能上下滑动的，没问题的
但是ios内嵌h5是无效的，还是能上下滑动，背景有白，不好看，不能满足需求，
<web-view src='https://ll.linkfeeling.cn/platform/lkfl.html'/>用ios打开这个页面就发现问题了
"disableScroll": true，小程序页面在ios里已经可以不上下滑动了，我的需求是配置了·这个以后，小程序里h5也不能上下滑动
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
遇到相同问题，目前有解决方案吗
这个问题解决了吗？楼主的意思是：比如我整个H5页面没有超出屏幕的显示高度，按理说本身不会有滑动，但实际情况是，即使页面没有超出屏幕显示高度，上下滑动整个window层还是会弹性的滑动。小程序页面上是用disableScroll控制，但h5页面控制不了。此情况会在任意IOS系统上触发。而且会和overflow:auto滚动条的div发生冲突。
按道理来说 iOS 的表现才是正常的，Android 的表现是有问题的。
因为 disableScroll 是一个小程序页面的配置项，只能影响小程序的页面，而不应该影响 web-view 组件中的 H5 页面。
这里是 iOS 和 Android 两端没有对齐，这个问题我们会处理。
不过我建议这里可以先绕开，在请求的页面 url 中加一个 querystring 参数 ?disableSroll=true，页面的 js 代码里根据这个 querystring 参数来判断是否要禁止自己的 H5 页面滚动，即 H5 页面自行处理自己要不要滚动。
可是h5页面是不会自己上下滑动的，是把页面放进小程序里才会滑动的，滑动能看到的背景是小程序的背景
可以提供一个代码片段吗？我觉得我可能没有理解你的意思。
你的意思是不是想：
H5 页面本身的内容是超出了窗口大小的，但是不会滑动，已经通过某种 CSS 或者 JS 方式禁止了滚动。
H5 页面放到小程序 web-view 里，会引起滚动。
这个滚动，不会滑动 h5 页面，而是会滑动小程序页面，能看到···背景？你说的是下图里标记为 background 的区域吗
不是啊，理解错了呀
随便写个web-view标签，写个h5的链接，然后ios打开，按住页面上下滑动，就看到效果了，在安卓上，按住页面上下滑动，是滑不动的，ios却能滑动，就是正常小程序原生的页面，安卓也是按住页面上下滑动页面不会动，ios会，只不过小程序原生的页面在json里配置disableScroll":true，ios就不会按住页面出现上下滑动了
我还是没看懂，虽然你说问题很简单，但是为了保证场景一致，请提供一个能复现问题的代码片段吧https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html
请提供一下出现问题的机型和微信版本，以及能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。
<web-view src='https://ll.linkfeeling.cn/platform/lkfl.html'/>
ipone6 微信版本7.0.3
安卓机都正常，但是json设置了
"disableScroll": true，
ios页面上下也不划动了，
但是ios的内嵌h5还是上下可以滑动，
页面体验差，无法交差
所以你想要配置了这个以后小程序页面和 h5 页面都不能上下滑动，是吗
"disableScroll": true，小程序ios的页面是不能上下滑动的，没问题的
但是ios内嵌h5是无效的，还是能上下滑动，背景有白，不好看，不能满足需求，
<web-view src='https://ll.linkfeeling.cn/platform/lkfl.html'/>用ios打开这个页面就发现问题了
"disableScroll": true，小程序页面在ios里已经可以不上下滑动了，我的需求是配置了·这个以后，小程序里h5也不能上下滑动