如何将视频固定到顶部,模拟器运行正常,真机会将视频顶上去,用fixed不可以么
发布于 4 年前 作者 fdong 584 次浏览 来自 问答

求解决代码

4 回复

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

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

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

iphone6s plus 微信最新版本6.5.22

<view class=‘video’>

<video src=http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&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;}

回到顶部