zoukankan      html  css  js  c++  java
  • EasyDSS视频直播列表页面横向滚动条和纵向滚动条不能同步的问题优化

    目前我们官网EasyDSS最新的测试版本为3.3.0,而现在新版4.0.0已经在测试当中了,测试期间会将一些存在的问题进行修复,同时对体验不太好的地方进行优化。

    EasyDSS4.0.0的版本在视频直播列表当中插入了横向和纵向的滚动条,但是测试期间发现两个滚动条的频率难以同步,需要把纵向滚动条拖到底部才能拖动横向滚动条,修改数据后数据会在表格顶部,操作的时候需要来回拖动,给使用带来了不便。

    通过对前端代码的检查,我们得知出现问题的原因是当前表格未设置高度,纵向滚动条是父级盒子设置的,需要给表格设置高度才能显示纵向滚动条。

    因此我们要给表格添加最大高度

    :max-height="tableHeight"

    在页面加载前获取当前窗口高度减去顶部导航和页脚并赋值

    this.tableHeight = document.documentElement.clientHeight - 400

    解决效果如下,表格高度随窗口高度变化而变化:

    EasyDSS互联网视频云服务支持HTTP、HLS、RTMP等播放协议,可面向Windows、Android、iOS、Mac等终端提供稳定流畅的直播、点播、时移、回看服务,广泛应用到互联网教学、互联网电视、IPTV、VOD、视频聊天和各种互联网直播/点播,欢迎大家测试了解。

  • 相关阅读:
    react 中文文档案例三 (开关按钮)
    react 中文文档案例二 (头像时间)
    react 中文文档案例一 (倒计时)
    韩昊 20190905-2 博客作业
    韩昊 20190905-3 命令行和控制台编程
    bug的状态
    冒泡排序
    python简单实现自动化
    如何写好测试用例——慕课网
    快速搭建springboot项目
  • 原文地址:https://www.cnblogs.com/easydss/p/15190502.html
Copyright © 2011-2022 走看看