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");
  }

}

添加后的效果图如下

 

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

修改方法如下：
将主界面的声明（可能你的不一样）

<!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">

完美解决问题

posted @ 2022-03-02 08:53  飘逸放荡  阅读(250)  评论(0)  编辑  收藏  举报