钉钉小程序`Popup`框内容无法滚动解决办法

钉钉小程序Popup框内容无法滚动解决办法

• 问题:

  • 在钉钉小程序使用了mini-ali-ui的popup框作为弹框，但是在弹框内部如果有想要用overflow-y:auto来实现上下滚动，底层页面不滚动，发现不能使用。
  • 原因是popup框有一个属性：disableScroll（布尔值）：展示 mask 时是否禁止页面滚动。默认值true
  • 加上这个属性，页面内所有的滚动在手机真机调试时都是失效的，大家一起玩完。

• 解决办法：

  • page {
        height: 100vh;
        overflow-y: auto;
    }
    

  • 在小程序的页面css里面加上这个，同时要在popup加上disableScroll="{{false}}"这个属性。实际手机测试就没有问题。