如何仅滚动iFrame而不是整个窗口

时间:2013-02-06 05:21:11

标签: html css html5

我如何只在iFrame中滚动,而不是整个窗口?我希望在iFrame下面有文字,但是当文字长于iFrame时它会显示出来。您可以访问www.thesocialscreensaver.com查看我在说什么。谢谢!

1 个答案:

答案 0 :(得分:0)

您可以在div中使用iframe,如下所示:

<div id="iframeINSIDE" style="width: 600px; height: 200px; overflow: hidden;">
<iframe name="abc" style="width: 620px; height: 200px;" src="File.html"></iframe>

我已经在Firefox和IE上检查了它并且对它们都工作正常。您将能够使用鼠标滚动并通过拖动div上的鼠标指针滚动。这将仅滚动iframe而不是整个窗口。

检查它是否适合您。

新添加: http://jsfiddle.net/TJZT4/10/

要使iframe成为100%的网页,请使用:

<body>
<iframe src="http://jsfiddle.net/" style="height:100%;width:100%" height="100%" width="100%" frameborder="0" ></iframe>
</body>