今天遇到一個這樣的問題：網(wǎng)頁中如何隱藏iframe中的垂直滾動條邻遏，但依然可以用滾輪實現(xiàn)頁面滾動糠亩？虐骑？？我就想先把iframe定義寬度和高度赎线，在設置overflow:hidden;唄廷没，但是這樣多余的部分會被隱藏掉。如果你想在主頁面滾動能看到iframe頁面隱藏的內(nèi)容是不可以的垂寥。
1颠黎、有人說可以視覺隱藏：
在iframe外面加個DIV，這個DIV的寬度正好比里面的iframe的寬度要小一個滾動條的寬度滞项，高度一致狭归，并把DIV的CSS樣式設置overflow:hidden。
2文判、可以設置 -webkit-scrollbar 但是它只針對谷歌瀏覽器：
iframe內(nèi)部頁面代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<style>
.inner-container {
position: absolute;
left: 0;
overflow-x: hidden;
overflow-y: scroll;
}
/* 只針對谷歌瀏覽器*/
body::-webkit-scrollbar {
display: none;
}
</style>
</head>
<body>
<p>如何隱藏iframe的滾動條唉铜，但依然可以頁面滾動???如何隱藏iframe的滾動條，但依然可以頁面滾動???如何隱藏iframe的滾動條律杠，但依然可以頁面滾動???如何隱藏iframe的滾動條，但依然可以頁面滾動???如何隱藏iframe的滾動條竞惋，但依然可以頁面滾動???如何隱藏iframe的滾動條柜去，但依然可以頁面滾動???如何隱藏iframe的滾動條，但依然可以頁面滾動???如何隱藏iframe的滾動條拆宛，但依然可以頁面滾動???如何隱藏iframe的滾動條嗓奢，但依然可以頁面滾動???如何隱藏iframe的滾動條，但依然可以頁面滾動???如何隱藏iframe的滾動條浑厚，但依然可以頁面滾動???如何隱藏iframe的滾動條股耽，但依然可以頁面滾動???如何隱藏iframe的滾動條，但依然可以頁面滾動???如何隱藏iframe的滾動條钳幅，但依然可以頁面滾動???如何隱藏iframe的滾動條物蝙，但依然可以頁面滾動???</p>
</body>
</html>
外部包含iframe的代碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#box {
position: relative
overflow: hidden;
}
</style>
</head>
<body>
<div id="box">
<iframe marginWidth=0 marginHeight=0 src="html.html" scrolling="auto" frameBorder=0 width="100%"></iframe>
</div>
</body>
</html>
這樣缺點太明顯只支持谷歌；我覺得大部分也不會用敢艰；那大家有什么好的想法呢诬乞？
