jiaoye6789
jiaoye6789
2016-07-14 05:30

Easyui Tabs出现双滚动条

这样是没有的,设置了iframe外面的div overflow:hidden

 <div data-options="region:'center'" >
           <div id="tabs" class="easyui-tabs"  data-options="fit:true,border:false">
               <div title="Tab1" style="overflow:hidden">
                   <iframe scrolling="auto" frameborder="0" src="/A/a" style="width:100%;height:100%"></iframe>
               </div>  
           </div>
        </div>

但如果js动态添加tab

 <script type="text/javascript">
 function addTab(title, url) {
            if ($('#tabs').tabs('exists', title)) {
                $('#tabs').tabs('select', title);
            } else {
                var content = '<iframe scrolling="auto"    frameborder="0"   src="' + url + '" style="width:100%;height:100%"></iframe>';
                $('#tabs').tabs('add', {
                    title: title,
                    content: content,
                    closable: true
                });
            }
        }
                </script>

                <div data-options="region:'center'" >
           <div id="tabs" class="easyui-tabs"  data-options="fit:true,border:false">
           </div>
        </div>
  • 点赞
  • 回答
  • 收藏
  • 复制链接分享

2条回答