iframe出现双层滚动条解决方案
生活随笔
收集整理的這篇文章主要介紹了
iframe出现双层滚动条解决方案
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
2019獨角獸企業重金招聘Python工程師標準>>>
在開發中出現一個iframe雙滾動條問題，查了很多資料，網上的解決方案是定義iframe的onload事件，加載時重新加載高度，但是由于項目中頁面渲染完成后，點擊按鈕動態生成數據，這時候上面的方案就不可行了。
下面是通過jquery.layout.js來解決雙滾動條問題。
html代碼
<body ><div id="mainFrameDiv" class="tabqh ui-layout-north"><div class="menu"><ul id="tabs"><div id="liText"><div></ul></div> </div><div class="ui-layout-center" ><iframe src="" frameborder="0" id="bottom_frame" name="bottom_frame" width="100%"height="100%"></iframe></div> </body>?同時引入下面js文件
<script type="text/javascript" ?src="<%=request.getContextPath()%>/jquery/plugin/layout/jquery.layout.js"></script>
在初始化時執行
$(document).ready(function () { $('body').layout({north: {size:40,spacing_open:0,closable:false,resizable:false},center: {size:20, spacing_open:0}}); }）?下面是效果圖
?
轉載于:https://my.oschina.net/u/560547/blog/854233
總結
以上是生活随笔為你收集整理的iframe出现双层滚动条解决方案的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 大班教案《神奇的尾巴》反思
- 下一篇： Spring源码学习的初步体会