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

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


背景无法充满页面

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


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

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


image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,736评论 1 45
  • 每天的学习记录,可能有的地方写的不对,因为刚学,以后发现错的话会回来改掉整体流程 https://develope...
    有点健忘阅读 4,790评论 0 7
  • 官网 中文版本 好的网站 Content-type: text/htmlBASH Section: User ...
    不排版阅读 4,465评论 0 5
  • 谢谢作者的文章 非常喜欢 请允许收藏! 博客园首页博问闪存新随笔订阅管理 vue之better-scroll的封装...
    peng凯阅读 16,561评论 2 5
  • 一、CSS入门 1、css选择器 选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 1,628评论 0 6