Easyui 去除jquery-easui tab页div自带滚动条
去除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>
作者:授客
微信/QQ:1033553122
全国软件测试QQ交流群:7156436
Git地址:https://gitee.com/ishouke
友情提示:限于时间仓促,文中可能存在错误,欢迎指正、评论!
作者五行缺钱,如果觉得文章对您有帮助,请扫描下边的二维码打赏作者,金额随意,您的支持将是我继续创作的源动力,打赏后如有任何疑问,请联系我!!!
微信打赏
支付宝打赏 全国软件测试交流QQ群
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步