Easyui 去除jquery-easui tab页div自带滚动条的方法

时间：2021-06-06 08:47:51|栏目：jquery|点击：次

测试环境

jquery-easyui-1.5.3

需求场景

打开tab页面时，自动载入一个iframe页面，除了iframe页面本身会出现一个滚动条，tab标签页也出现一个滚动条，如下图所示，需求就是去掉tab页面的滚动条

解决方法

通过观察html页面结构，发现这个滚动条归属class为pannel-body的div

所以，解决方案，只需要添加样式即可。如下，带背景色内容：

<head>
……
<style type="text/css">
  /*去掉easyui tabs右侧滚动条*/
  #tabs .tabs-panels>.panel>.panel-body {
    overflow: hidden;
  }
</style>
</head>

总结

栏目：jquery

本文地址：http://www.codeinn.net/misctech/136438.html