video
发布于 6 年前 作者 linxiuying 2530 次浏览 来自 问答

今天写代码  最外围的父级元素css

.container{

width: 100%;

height: 100%;

overflow-x:hidden;

}

在内部的一个子元素 有video控件  .container 元素较大时 屏幕向下滑动画时video会随着屏幕一起移动  当去掉overflow-x:hidden;就不会有这种状况 不知道这是怎么回事

4 回复

这是我在真机上的测试效果 (模拟器上没有这种效果  真机测试才有  只有极个别的安卓手机不会出现这种状况)

用你的代码也无法重现呢,一般情况video都会跟着页面上下滚动的

未收到类似反馈,麻烦提供个demo看看

app.wxss:

 

page{

  height: 100%;

}

.container {

  height: 100%;

  overflow-x: hidden;

index.wxml:

 

<view class=“container”>

  <view class=“classname” style=“height:40%;background:red;width:100%;”></view>

  <video src="{{src}}" style=“width:100%;height:150px;”></video>

  <view class=“classname” style=“height:60%;background:red;width:100%;”></view>

</view>

然后真机上预览 video 就会随屏幕移动而移动

回到顶部