解决easyui-tab添加tab滚动条问题

 1 //添加tab
 2 var addTab = function (title, url, icon) {
 3     if (!$('#mainTab').tabs('exists', title)) {
 4         $('#mainTab').tabs('add', {
 5             title: title,
 6             icon: icon,
 7             content: createFrame(url),
 8             closable: true
 9         });
10     } else {
11         $('#mainTab').tabs('select', title);
12     }
13 }
14 //创建iframe
15 var createFrame = function (url) {
16     return '<iframe frameborder="0" scrolling="auto" src="' + url + '" style="width: 100%; height: 100%;"></iframe>';
17 }

这样添加tab后会出现滚动条

 1 $('#mainTab').find('div[style^="display: block;"] > div').addClass('overflow-hidden'); 

我在添加tab后在其父元素添加样式overflow:hidden这样就不会出现滚动条了

转载于:https://www.cnblogs.com/chen8854/p/5174712.html