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


Posted in jQuery onMay 10, 2019

测试环境

jquery-easyui-1.5.3

需求场景

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

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

解决方法

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

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

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

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

总结

以上所述是小编给大家介绍的Easyui 去除jquery-easui tab页div自带滚动条,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

jQuery 相关文章推荐
如何选择jQuery版本 1.x? 2.x? 3.x?
Apr 01 jQuery
jQuery+pjax简单示例汇总
Apr 21 jQuery
jQuery取得元素标签名称小结(附代码)
Aug 16 jQuery
利用JQuery操作iframe父页面、子页面的元素和方法汇总
Sep 10 jQuery
jQuery实现的简单动态添加、删除表格功能示例
Sep 21 jQuery
jquery动态添加带有样式的HTML标签元素方法
Feb 24 jQuery
jQuery轮播图实例详解
Aug 15 jQuery
JQuery模拟实现网页中自定义鼠标右键菜单功能
Nov 14 jQuery
使用jQuery如何写一个含验证码的登录界面
May 13 jQuery
jQuery操作元素追加内容示例
Jan 10 jQuery
jQuery实现容器间的元素拖拽功能
Dec 01 jQuery
Jquery+javascript实现支付网页数字键盘
Dec 21 jQuery
jquery登录的异步验证操作示例
May 09 #jQuery
jQuery动态生成的元素绑定事件操作实例分析
May 04 #jQuery
jQuery实现条件搜索查询、实时取值及升降序排序的方法分析
May 04 #jQuery
Easyui 关闭jquery-easui tab标签页前触发事件的解决方法
Apr 28 #jQuery
jQuery对底部导航进行跳转并高亮显示的实例代码
Apr 23 #jQuery
详解jquery和vue对比
Apr 16 #jQuery
JQuery Ajax跨域调用和非跨域调用问题实例分析
Apr 16 #jQuery
You might like
Terran历史背景
2020/03/14 星际争霸
PHP操作数组的一些函数整理介绍
2011/07/17 PHP
PHP中extract()函数的妙用分析
2012/07/11 PHP
php中防止恶意刷新页面的代码小结
2012/10/31 PHP
php cli 小技巧
2013/06/03 PHP
Java中final关键字详解
2015/08/10 PHP
学习php设计模式 php实现门面模式(Facade)
2015/12/07 PHP
Yii开启片段缓存的方法
2016/03/28 PHP
自动检查并替换文本框内的字符
2006/06/30 Javascript
利用js跨页面保存变量做菜单的方法
2008/01/17 Javascript
Javascript 自适应高度的Tab选项卡
2011/04/05 Javascript
把文本中的URL地址转换为可点击链接的JavaScript、PHP自定义函数
2014/07/29 Javascript
DOM基础教程之模型中的模型节点
2015/01/19 Javascript
JavaScript获得当前网页来源页面(即上一页)的方法
2015/04/03 Javascript
js实现表单Radio切换效果的方法
2015/08/17 Javascript
VUE 更好的 ajax 上传处理 axios.js实现代码
2017/05/10 Javascript
Node.js 异步异常的处理与domain模块解析
2017/05/10 Javascript
解决vue-router进行build无法正常显示路由页面的问题
2018/03/06 Javascript
如何以Angular的姿势打开Font-Awesome详解
2018/04/22 Javascript
vue自动化表单实例分析
2018/05/06 Javascript
Vue拖拽组件列表实现动态页面配置功能
2019/06/17 Javascript
如何解决js函数防抖、节流出现的问题
2019/06/17 Javascript
js实现动态时钟
2020/03/12 Javascript
jquery+css3实现的经典弹出层效果示例
2020/05/16 jQuery
原生JS实现pc端轮播图效果
2020/12/21 Javascript
[01:46]2018完美盛典章节片——坚守
2018/12/17 DOTA
Python异步操作MySQL示例【使用aiomysql】
2019/05/16 Python
python Pandas库基础分析之时间序列的处理详解
2019/07/13 Python
使用OpenCV实现仿射变换—缩放功能
2019/08/29 Python
Pycharm及python安装详细步骤及PyCharm配置整理(推荐)
2020/07/31 Python
美国奢侈品在线团购网站:Gilt City
2017/11/16 全球购物
市场部业务员岗位职责
2014/04/02 职场文书
校车安全管理责任书
2015/05/11 职场文书
个人收入证明范本
2015/06/12 职场文书
新闻通讯稿模板
2015/07/22 职场文书
Java实现二维数组和稀疏数组之间的转换
2021/06/27 Java/Android