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

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

阅读 10.7k
4 个回答

滚动组件必须有 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%;/*同视频区域高度*/
}

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

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

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

新手上路,请多包涵

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题