收藏
回答

ios内嵌h5页面有上下滑动

ios内嵌h5页面有上下滑动,使用了"disableScroll":true,仍无效

最后一次编辑于  02-28  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

3 个回答

  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    02-28

    请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    02-28
    赞同
    回复 6
    • 云汉
      云汉
      02-28

      <web-view src='https://ll.linkfeeling.cn/platform/lkfl.html'/>

      ipone6 微信版本7.0.3

      02-28
      回复
    • 云汉
      云汉
      02-28回复云汉

      安卓机都正常,但是json设置了

      "disableScroll": true,

      ios页面上下也不划动了,

      但是ios的内嵌h5还是上下可以滑动,

      页面体验差,无法交差

      02-28
      回复
    • 白开水
      白开水
      02-28回复云汉

      所以你想要配置了这个以后小程序页面和 h5 页面都不能上下滑动,是吗

      02-28
      回复
    • 云汉
      云汉
      03-01回复白开水

      "disableScroll"true,小程序ios的页面是不能上下滑动的,没问题的

      但是ios内嵌h5是无效的,还是能上下滑动,背景有白,不好看,不能满足需求,

      <web-view src='https://ll.linkfeeling.cn/platform/lkfl.html'/>用ios打开这个页面就发现问题了

      03-01
      回复
    • 云汉
      云汉
      03-01回复白开水

      "disableScroll"true,小程序页面在ios里已经可以不上下滑动了,我的需求是配置了·这个以后,小程序里h5也不能上下滑动


      03-01
      1
      回复
    查看更多(1)
  • dreamboat
    dreamboat
    05-13

    这个问题解决了吗?楼主的意思是:比如我整个H5页面没有超出屏幕的显示高度,按理说本身不会有滑动,但实际情况是,即使页面没有超出屏幕显示高度,上下滑动整个window层还是会弹性的滑动。小程序页面上是用disableScroll控制,但h5页面控制不了。此情况会在任意IOS系统上触发。而且会和overflow:auto滚动条的div发生冲突。

    05-13
    赞同
    回复
  • 白开水
    白开水
    03-01

    按道理来说 iOS 的表现才是正常的,Android 的表现是有问题的。

    因为 disableScroll 是一个小程序页面的配置项,只能影响小程序的页面,而不应该影响 web-view 组件中的 H5 页面。

    这里是 iOS 和 Android 两端没有对齐,这个问题我们会处理。

    不过我建议这里可以先绕开,在请求的页面 url 中加一个 querystring 参数 ?disableSroll=true,页面的 js 代码里根据这个 querystring 参数来判断是否要禁止自己的 H5 页面滚动,即 H5 页面自行处理自己要不要滚动。

    03-01
    赞同
    回复 7
    • 云汉
      云汉
      03-04

      可是h5页面是不会自己上下滑动的,是把页面放进小程序里才会滑动的,滑动能看到的背景是小程序的背景

      03-04
      回复
    • 白开水
      白开水
      03-04回复云汉

      可以提供一个代码片段吗?我觉得我可能没有理解你的意思。


      你的意思是不是想:

      1. H5 页面本身的内容是超出了窗口大小的,但是不会滑动,已经通过某种 CSS 或者 JS 方式禁止了滚动。

      2. H5 页面放到小程序 web-view 里,会引起滚动。

      3. 这个滚动,不会滑动 h5 页面,而是会滑动小程序页面,能看到···背景?你说的是下图里标记为 background 的区域吗



      03-04
      回复
    • 云汉
      云汉
      03-04回复白开水

      不是啊,理解错了呀

      03-04
      回复
    • 云汉
      云汉
      03-04回复白开水

      随便写个web-view标签,写个h5的链接,然后ios打开,按住页面上下滑动,就看到效果了,在安卓上,按住页面上下滑动,是滑不动的,ios却能滑动,就是正常小程序原生的页面,安卓也是按住页面上下滑动页面不会动,ios会,只不过小程序原生的页面在json里配置disableScroll":true,ios就不会按住页面出现上下滑动了

      03-04
      回复
    • 白开水
      白开水
      03-04回复云汉

      我还是没看懂,虽然你说问题很简单,但是为了保证场景一致,请提供一个能复现问题的代码片段吧https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

      03-04
      回复
    查看更多(2)