当我们使用easyui tabs时会遇到一个这样的问题,就是内容不足,以致不能全屏显示,甚至会出现easyui tabs 滚动条在中间,如下图所示情况:

easyui中使用两个嵌套的 tabs 时页面无法出现滚动条

 

 

easyui tabs 滚动条在中间,一点都不好看。

这时,我看过很多文章都说在tabs 实例化的时候 设定 height:"auto" 我只能说一点效果都没有。

所以我通过浏览器开发工具查找到它的外围div,有四个:

.tabs-container,.tabs-panels,.panel,.panel-body

分别如此设定

.tabs-container,.tabs-panels,.panel {
height: 100%;

.panel-body {
height: 96%;
position absolute;
bottom:0;
}

即可让tabs界面接近全屏显示,easyui tabs 滚动条沉底了。

easyui中使用两个嵌套的 tabs 时页面无法出现滚动条

相关文章:

  • 2021-08-18
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-08-28
  • 2021-11-30
  • 2022-12-23
猜你喜欢
  • 2021-12-26
  • 2022-12-23
  • 2021-12-06
  • 2021-03-31
  • 2021-09-27
相关资源
相似解决方案