如何将视频固定到顶部,模拟器运行正常,真机会将视频顶上去,用fixed不可以么

发布于 6 年前作者 fdong896 次浏览最后编辑 6 年前来自 ask

求解决代码

WXOPEN Club 内容图片
4 回复
liaojun
liaojun1 楼6 年前

都有这问题,视频是能固定到顶部的,但是视频和下面的第几章文字滑动,视频也向上滑动

WXOPEN Club 内容图片 WXOPEN Club 内容图片 WXOPEN Club 内容图片
xiuyingjin
xiuyingjin2 楼6 年前

你好,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码示例。

tao31
tao313 楼6 年前

我这边不能重现,你用其它机型有问题吗

weizou
weizou4 楼4 年前

iphone6s plus 微信最新版本6.5.22

<view class=‘video’>

<video src=http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&amp;bizid=1023&amp;hy=SH&amp;fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400’></video>    

<view class=‘videoTit’>

<view style=‘flex:1’>章节</view>

<view style=‘flex:1’>详情</view>

<view style=‘flex:1’>评论</view>

<view style=‘flex:1’>问答</view>

<view style=‘flex:1’>笔记</view>

</view>

</view>  

<view class=‘zhangjie’>

<view>第一章:概论</view>

<view>第二章:计划与活动</view>

<view>第三章:主顾开拓</view>

<view>第四章:接触前准备</view>

<view>第五章:接触与说明</view>

<view>第六章:促成</view>

<view>第一章:概论</view>

<view>第二章:计划与活动</view>

<view>第三章:主顾开拓</view>

<view>第四章:接触前准备</view>

<view>第五章:接触与说明</view>

<view>第六章:促成</view>

<view>第一章:概论</view>

<view>第二章:计划与活动</view>

<view>第三章:主顾开拓</view>

<view>第四章:接触前准备</view>

<view>第五章:接触与说明</view>

<view>第六章:促成</view>

</view>

/* pages/courseVideo/courseVideo.wxss */

.video{position: fixed;top: 0;width: 100%;background-color: #ffffff;z-index: 100;}

.video video{width: 100%;}

.videoTit{display: flex; flex-direction:row;width: 100%;font-size: 35rpx;padding: 15rpx 0;}

.videoTit view{text-align: center;}

.zhangjie{padding: 30rpx;font-size: 30rpx;margin-top: 490rpx;}

.zhangjie view{padding: 20rpx 0;}

.zhangjie view:hover{color: red;}