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>

 


目录
相关文章
|
7月前
|
JavaScript
jQuery遍历div,判断是否为空,为空时执行某个操作
jQuery遍历div,判断是否为空,为空时执行某个操作
|
7月前
|
JavaScript
用JQuery实现选中select里面的option显示对应的div
用JQuery实现选中select里面的option显示对应的div
|
JavaScript 前端开发
jQuery实现从一个页面跳转到另一个页面的指定tab选项卡
jQuery实现从一个页面跳转到另一个页面的指定tab选项卡
93 0
|
JavaScript
jQuery方式追加div覆盖
jQuery方式追加div覆盖
|
1月前
|
Web App开发 JavaScript iOS开发
基于jquery开源的页面内模拟滚动条特效插件scrollbar
abcrollBar是一个基于jquery运行的开源滚动条特效插件,体积小巧使用简单的滚动条小插件,它可以通过鼠标中轴滑动页面内的模拟滚动条,或鼠标拖动滚动条查看滚动框架里的内容。支持自定义滚动条的样式,滚动条可选择横或竖呈现,默认也可选择显示或隐藏滚动条。
25 0
|
JavaScript
jquery实现下拉框选中对应的div
jquery实现下拉框选中对应的div
59 0
|
JavaScript
jQuery清空div内容
jQuery清空div内容
|
JavaScript 前端开发
JavaScript 使用原生js和jquery两种方法,实现tab栏切换
JavaScript 使用原生js和jquery两种方法,实现tab栏切换
205 0
|
7月前
|
JavaScript
jquery实现单击div切换背景,再次单击回到原来样式
jquery实现单击div切换背景,再次单击回到原来样式
|
7月前
|
前端开发 JavaScript
jquery+css实现Tab栏切换的代码实例
jquery+css实现Tab栏切换的代码实例
119 0

相关课程

更多