Scrollbars For Iframes

Scrollbars For Iframes

本文关键字：Iframes For Scrollbars      更新时间：2023-09-26

我使用了iframe来放大我的网页。问题是我的iframe的滚动条不允许我向下滚动整个页面。我只能看到我页面的一半。如何增加或更改滚动条滑块的大小，以便能够进一步向下滚动页面?

下面是我的代码:
CSS: 
#wrapper { 
width: 100%; 
height: 100%; 
padding: 0; 
overflow: scroll;
}
#scaled-frame { 
width: 100%; 
height: 100%; 
border: 0px; 
}
#scaled-frame {
zoom: 1.30;
transform-origin: 50% 0%;
-moz-transform: scale(1.30);
-moz-transform-origin: 50% 0%;
-o-transform: scale(1.30);
-o-transform-origin: 50% 0;
-webkit-transform: scale(1.30);
-webkit-transform-origin: 50% 0%;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#scaled-frame  { zoom: 1;  
 }
}
HTML: 

<body bgcolor="#000000">
    <div id="wrapper"><iframe id="scaled-frame" src="videos_large.html"></iframe></div>
</body>

试着改变你的transform-origin样式

我的方法是删除#wrapper的溢出，而是将溢出应用于#scaled-frame，如下所示:

#wrapper { width: 100%; height: 100%; padding: 0; overflow: hidden; }
#scaled-frame { width: 100%; min-height: 100% height: auto; border: 0px;overflow: hidden; overflow-y:scroll;}

尝试overflow: scroll;在CSS。

HTML标记 

<iframe class="iFrameScroll"><'iframe>
CSS 

.iFrameScroll {
overflow: scroll;
}

使用iframe不应该有这个问题，除非写了错误的代码。

谢谢大家，我会尝试你们的解决方案。我把包装器做得比缩放后的框架更大，现在看来已经做到了，但我会给你的解决方案。

相关文章：