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

2019/6/26 23:04:24

编程Tag： easyui tab jquery-easui

本文主要是介绍Easyui 去除jquery-easui tab页div自带滚动条的方法，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

测试环境

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>

总结

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

这篇关于Easyui 去除jquery-easui tab页div自带滚动条的方法的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！