EasyUI控件easyui-tabs动态添加tab时有滚动条的问题

easyui-tabs动态添加tab的代码如下

function addTab(subtitle, url, icon) {
  if (!$("#mainTab").tabs('exists', subtitle)) {

    $("#mainTab").tabs('add', {

        title: subtitle,
        content: '<iframe scrolling="auto" frameborder="0" src="' + url + '" style="width:100%; height:100%;overflow:hidden"></iframe>',
        closable: true,
        //icon: icon
    });
  } else {
    $("#mainTab").tabs('select', subtitle);
    $("#tab_menu-tabrefresh").trigger("click");
  }

}

添加后的效果图如下

EasyUI控件easyui-tabs动态添加tab时有滚动条的问题

 

 为了更清楚的测试,子页面里啥也没写,右边还是有滚动条

修改方法如下:
将主界面的声明(可能你的不一样)

<!DOCTYPE html>
<html lang="en">

改成

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

完美解决问题

上一篇:Codeforces 304546 CSoldier and Cards(简单模拟题)


下一篇:CF761E