Question

我需要删除iframe中的垂直滚动条。我尝试使用overflow: hidden;仍然无法正常工作。请帮忙。

代码：

#iphone4 {
background-image: url("ipad_new2.png");
background-repeat: no-repeat;
height: 900px;
width: 750px;
margin: auto ;
position: relative;
overflow: hidden;
}


/*Mobile iframe CSS*/
iframe {
height: 700px;
width: 525px;
position: absolute;
top: 68px;
margin: auto ;
left: 61.99px;
overflow-y: scroll;

}

</style>
</head>
<body>
 <div id="iphone4" >
<iframe src="index_atish.html" seamless="seamless"></iframe>
</div>

</body>
</html>

Answer 1

溢出不是HTML5的解决方案，因为唯一支持错误的现代浏览器是Firefox。

目前的解决方案是将两者结合起来：

<iframe src="" scrolling="no"></iframe>

iframe { overflow:hidden; }

check This

Answer 2

我认为这有助于请查看下面提到的链接：

<div id="iphone4" >
<iframe src="index_atish.html" seamless="seamless"></iframe>
</div>

/*Mobile iframe CSS*/
iframe {
height: 100%;
width: 100%;
position: absolute;
top: 0;
margin: auto ;
left: 0;
border:none;
}
body{margin:0px;}

https://jsfiddle.net/xnt014a8/2/

Answer 3

你可以尝试

iframe{scrolling="no"}

隐藏iframe中的垂直滚动条

3 个答案: