Question

我使用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>

Answer 1

尝试更改变换原点样式。

Answer 2

我的方法是删除#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;}

Answer 3

在CSS中尝试overflow: scroll;。

HTML标记

<iframe class="iFrameScroll"><\iframe>

<强> CSS

.iFrameScroll {
overflow: scroll;
}

你不应该对iframe有这个问题，除非写错了代码。

Answer 4

谢谢大家，我会尝试你的解决方案。我已经使包装器比缩放的框架更大，这似乎已经完成了它，但我会给你的解决方案一个。

Iframes的滚动条

4 个答案: