在微信小程序里面如何让视频处于顶部，下方内容区可以自由滚动

Question

就类似于腾讯视频的小程序一样
我们现在有个项目就是做类似的效果，但是我写的好像在模拟器上没问题，但是在真机上测试会有问题，有高人指点一个布局方案吗？

Answer 1

滚动组件必须有 height 指定值的样式.

这样是否可以(没有实测):

<view class="video"></view>
<scroll-view class="main"></scroll-view>

page {
    height: 100%;
}

.video {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    padding-top: 20%;
}

.main {
    box-sizing: border-box;
    height: 100%;
    padding-top: 20%;/*同视频区域高度*/
}

Answer 2

视频的DIV用绝对定位，顶端对齐不就OK了？

Answer 3

我也遇到这样的问题，搞了大半天，微信社区里的人说用flex布局来搞定的。可是我还是没有解决。一滑动，视频也跟着滑动

楼主我回来了，问题解决了。。。还真是用flex布局解决了
微信社区

Answer 4

在json 文件里加上 "disableScroll": true 禁止页面滚动就能解决，我也搞了好久，开始我也是API没看仔细啊。