小程序中视频固定定位时，滑动问题解决方案

今天做小程序项目，遇到一个问题就是，页面中视频以及底部的按钮需要固定在最上方和最下方，中间的内容可自由滑动，之前用的的fixed定位，但是出现了问题：在有些手机中滑动时上方固定的视频也会滑动，但是底部留下一个原大小的黑框

解决办法如下，大家可以参考下：

使用原生组件scroll-view，设置高度

<!-- 视频 -->
<view class="video_container">
    <video src="xxx" class="video" objectFit='contain'></video>
</view>

<!-- 可滑动区域 -->
<scroll-view scroll-y style="height:{{innerHeight}}px">...</scroll-view>

<!-- 用户操作按钮 收藏、分享、点赞 -->
<view class="userOperate tr plr30 xy-layout">...</view>

json中设置页面不可滚动

"disableScroll":true

解决video跟scroll-view间的间隙

.video_container{
    height:225px;
    overflow: hidden;
}

计算滚动区域的高度

this.factor = wx.getSystemInfoSync().windowWidth / 750;
let innerHeight=wx.getSystemInfoSync().windowHeight-120*this.factor-225;
this.setData({
   innerHeight:innerHeight
})