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

时间:2023-03-08 16:41:24
 //添加tab
var addTab = function (title, url, icon) {
if (!$('#mainTab').tabs('exists', title)) {
$('#mainTab').tabs('add', {
title: title,
icon: icon,
content: createFrame(url),
closable: true
});
} else {
$('#mainTab').tabs('select', title);
}
}
//创建iframe
var createFrame = function (url) {
return '<iframe frameborder="0" scrolling="auto" src="' + url + '" style="width: 100%; height: 100%;"></iframe>';
}

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

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

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