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

简介: Easyui 去除jquery-easui tab页div自带滚动条

去除jquery-easui tabdiv自带滚动条


 

测试环境

jquery-easyui-1.5.3

 

需求场景

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

 

 

解决方法

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

 

 

 

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


……

</span></div><div><span>    <em>/*</em><em>去掉</em><em>easyui tabs</em><em>右侧滚动条</em><em>*/</em></span></div><div><em>    </em>#tabs .tabs-panels>.panel>.panel-body {</div><div><span>        overflow: hidden;</span></div><div><span>    }</span></div><div><span>

 


目录
相关文章
|
6月前
|
JavaScript
jQuery遍历div,判断是否为空,为空时执行某个操作
jQuery遍历div,判断是否为空,为空时执行某个操作
|
6月前
|
JavaScript
用JQuery实现选中select里面的option显示对应的div
用JQuery实现选中select里面的option显示对应的div
|
JavaScript 前端开发
jQuery实现从一个页面跳转到另一个页面的指定tab选项卡
jQuery实现从一个页面跳转到另一个页面的指定tab选项卡
82 0
|
JavaScript
jQuery方式追加div覆盖
jQuery方式追加div覆盖
|
JavaScript
jquery实现下拉框选中对应的div
jquery实现下拉框选中对应的div
56 0
|
JavaScript
jQuery清空div内容
jQuery清空div内容
|
JavaScript 前端开发
JavaScript 使用原生js和jquery两种方法,实现tab栏切换
JavaScript 使用原生js和jquery两种方法,实现tab栏切换
195 0
|
6月前
|
JavaScript
jquery实现单击div切换背景,再次单击回到原来样式
jquery实现单击div切换背景,再次单击回到原来样式
|
6月前
|
前端开发 JavaScript
jquery+css实现Tab栏切换的代码实例
jquery+css实现Tab栏切换的代码实例
105 0
|
6月前
|
JavaScript 前端开发
原生js与jQuery显示隐藏div的几种方法
原生js与jQuery显示隐藏div的几种方法
95 0