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、视频聊天和各种互联网直播/点播,欢迎大家测试了解。

  • 相关阅读:
    【技术博客】利用handler实现线程之间的消息传递
    BUAA软件工程个人作业-软件案例分析
    BUAA软件工程结对项目作业
    BUAA软件工程个人项目作业
    BUAA软件工程个人博客作业
    BUAA-软件工程第一次作业
    BUAA-OO-最后单元总结
    BUAA-OO-第三单元总结
    BUAA-OO-第二单元总结
    第四单元总结&&OO总结
  • 原文地址:https://www.cnblogs.com/easydss/p/15190502.html
Copyright © 2011-2022 走看看