uni-app中,页面滚动时video组件错位的问题

这可能是一个比较啰嗦的陈述,这个问题反复处理了好久
1、最开始,最外层列表没有给定高度,条目过少的时候会撑不开,背景不能充满整个页面


背景无法充满页面

2、给了一个scroll-view/使用overflow-y:scroll。把最外层通过定位或者100vh设置高度等于屏幕高度。出现了video插件错位的现象。


列表滚动的时候,video组件出现固定定位的效果,错位

3、明确需求:在条目数量不足以撑起全屏的时候,设置高度为屏幕高度,当列表高度大于屏幕高度的时候,由子元素撑起高度
与此同时,使用video组件的时候不允许有任何滚动
一拍脑袋,用min-height就好了嘛


image.png

你可能感兴趣的:(uni-app中,页面滚动时video组件错位的问题)