微信小程序scroll-view莫名消失的解决方案

问题描述

我们小程序首页支持装修，可以添加视频模块，视频可以全屏播放。然而，在小程序退出全屏播放的时候，在部分 IOS 机型，横向滚动的 scroll-view 模块莫名其妙的消失了。

解决方案

经过一番调试，我们发现是 scroll-view 上的 padding 属性引起的。

<scroll-view scroll-x style="padding-top: 24rpx">
    <!-- 这里省略 -->
</scroll-view>

以下提供 2 种解决方案：

1、删除 padding 属性

2、给 scroll-view 指定高度

上述两种方案都可以解决问题，最终我选择去除 padding，用 margin 代替：

<scroll-view scroll-x style="margin-top: 24rpx">
    <!-- 这里省略 -->
</scroll-view>

好了，就写到这里。

本文地址：https://www.tides.cn/p_mina-scroll-view-disappear