小程序 video 组件在真机上固定在顶部样式失效

这篇文章，是我在开发小程序的时候，在一个页面中想要实现，上面是一个固定的视频区域，下面试可以滚动的其他信息区域。但是小程序的 video 标签，使用 fixed 或者是 sticky 进行定位在顶部后，在真机上测试会有问题。下面我就来解决这个问题

目录

1、概述

       我想做的样式是，让 mv 视频固定在页面的顶部，下面的信息区域可以进行上下滚动，但是如果直接渲染的话会存在问题，在真机上调试，video 标签会跟随滚动，并不会固定在顶部，如下图所示：

2、解决方法

       这里我改了半天，终于解决掉该问题了，解决方法如下：

1. 需要将下面渲染的要进行滚动的数据，使用 scroll-view 标签进行包裹，并且需要给这个标签设置一个固定的高度，不能是百分比，因为每一个手机的屏幕尺寸都不同，需要动态的进行改变其高度，所以我在 index.js 中的 data 设置一个 scroll-view 区域高度的值：sc