在iFrame中隱藏滾動條
[英]Hide scrollbar in iFrame
問題描述
我知道這個問題之前已經被問過很多，但問題是我正在嘗試使用html，css，Jquery構建響應工具。 我正在使用iframe顯示html（例如：着陸頁）並看到不同的響應視圖，但是當內容高於窗口時，滾動條會出現（水平，垂直條），我想在至少是水平條，因為如果我有一個320px的響應視圖，則當滾動條出現時，它會隱藏部分內容，因此我必須使用水平滾動。
我嘗試了不同的代碼，沒人能用。 那你能幫我嗎 謝謝！
<div id="resize-box">
<iframe src="blank.html" frameborder=0 scrolling="no"></iframe>
</div>
如果我使用“ scrolling no”，它會隱藏滾動條，但功能會停止工作，我需要它。
我嘗試了這個，但並不幸運。 隱藏iframe上的水平滾動條？
2 個解決方案
解決方案1
0 2014-04-21 22:22:29
像這樣編輯blank.html >
<html>
<head>
<style>
html, body {
padding: 0;
margin: 0;
overflow: hidden;
}
#bla {
position: absolute;
left: 0;
top: 0;
right: -30px;
bottom: 0;
padding-right: 15px;
overflow-y: scroll;
}
</style>
</head>
<body>
<div id="bla">
<!-- lines here -->
</div>
</body>
現在<iframe src="blank.html" />
如您所見，滾動條處於隱藏狀態，但仍可滾動。
解決方案2
0 2014-04-21 22:48:18
兄弟...使用一行CSS ...
#resize-box iframe { overflow-y: auto }
當（且僅當）內容高於div的高度時，這基本上使iframe具有滾動條。
只需確保ID為“ resize-box”的div的高度已設置即可，例如
#resize-box { height: 900px }
在iframe中隱藏滾動條，並用頁面上的滾動條替換
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.