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使用unlock.js插件实现滑动解锁
Apr 04 jQuery
jQueryeasyui 中如何使用datetimebox 取两个日期间相隔的天数
Jun 13 jQuery
详解jQuery同步Ajax带来的UI线程阻塞问题及解决办法
Aug 09 jQuery
jQuery实现的简单动态添加、删除表格功能示例
Sep 21 jQuery
使用JQuery实现图片轮播效果的实例(推荐)
Oct 24 jQuery
基于jQuery的$.getScript方法去加载javaScript文档解析
Nov 08 jQuery
jQuery幻灯片插件owlcarousel参数说明中文文档
Feb 27 jQuery
jquery分页插件pagination使用教程
Oct 23 jQuery
使用jquery-easyui的布局layout写后台管理页面的代码详解
Jun 19 jQuery
jquery.tagsinput.js实现记录checkbox勾选的顺序
Sep 21 jQuery
jQuery擦除插件eraser使用方法详解
Jan 11 jQuery
jQuery Datatables 动态列+跨列合并实现代码
Jan 30 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
如何实现给定日期的若干天以后的日期
2006/10/09 PHP
在Windows下编译适用于PHP 5.2.12及5.2.13的eAccelerator.dll(附下载)
2010/05/04 PHP
php将csv文件导入到mysql数据库的方法
2014/12/24 PHP
php堆排序实现原理与应用方法
2015/01/03 PHP
php抽象类和接口知识点整理总结
2019/08/02 PHP
laravel框架创建授权策略实例分析
2019/11/22 PHP
firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法
2012/09/19 Javascript
Flexigrid在IE下不显示数据的处理的解决方法
2013/10/24 Javascript
node.js中Socket.IO的进阶使用技巧
2014/11/04 Javascript
vue-router跳转页面的方法
2017/02/09 Javascript
js中getBoundingClientRect的作用及兼容方案详解
2018/02/01 Javascript
在vue中获取token,并将token写进header的方法
2018/09/26 Javascript
JS实现求5的阶乘示例
2019/01/21 Javascript
微信小程序实现用table显示数据库反馈的多条数据功能示例
2019/05/07 Javascript
详解微信小程序开发之formId使用(模板消息)
2019/08/27 Javascript
vue 解除鼠标的监听事件的方法
2019/11/13 Javascript
Js视频播放器插件Video.js使用方法详解
2020/02/04 Javascript
python爬取各类文档方法归类汇总
2018/03/22 Python
如何使用Python进行OCR识别图片中的文字
2019/04/01 Python
三步实现Django Paginator分页的方法
2019/06/11 Python
OpenCV图片漫画效果的实现示例
2020/08/18 Python
pycharm最新激活码有效期至2100年(亲测可用)
2021/02/05 Python
利用HTML5画出一个坦克的形状具体实现代码
2013/06/20 HTML / CSS
html5 视频播放解决方案
2016/11/06 HTML / CSS
廉价连衣裙和婚纱礼服在线销售:Tbdress
2019/02/28 全球购物
时尚孕妇装:HATCH Collection
2019/09/24 全球购物
物理教学随笔感言
2014/02/22 职场文书
继承公证书
2014/04/09 职场文书
2014年乡镇民政工作总结
2014/12/02 职场文书
公证书格式
2015/01/23 职场文书
部门2015年度工作总结
2015/04/29 职场文书
2015小学毕业班工作总结
2015/07/21 职场文书
2019大学毕业晚会主持词
2019/06/21 职场文书
vue backtop组件的实现完整代码
2021/04/07 Vue.js
mybatis 解决从列名到属性名的自动映射失败问题
2021/06/30 Java/Android
centos8安装MongoDB的详细过程
2021/10/24 MongoDB