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个回答

iframe超过容器范围肯定出现滚动条,iframe又有滚动条就2个了。。

去掉iframe的framebroder,margin试试,不行减少iframe的width/height

                 var content = '<iframe scrolling="auto"   frameborder="0" marginheight="0" marginwidth="0"  src="' + url + '" style="width:100%;height:100%"></iframe>';

设置下iframe的属性,禁用iframe的滚动条。

jiaoye6789
jiaoye6789 如果禁用了,scrolling="no",tabs的滚动条不起什么作用
3 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问