Easyui 去除jquery-easui tab页div自带滚动条
程序员文章站
2022-07-07 19:31:31
去除jquery-easui tab页div自带滚动条 by:授客 QQ：1033553122 测试环境 jquery-easyui-1.5.3 需求场景 打开tab页面时，自动载入一个iframe页面，除了iframe页面本身会出现一个滚动条，tab标签页也出现一个滚动条，如下图所示，需求就是去掉 ......
去除jquery-easui tab页div自带滚动条
by:授客 qq：1033553122
测试环境
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>
上一篇： 基于Vue的电商后台管理系统