如何僅滾動iFrame，但不滾動整個窗口

如何只在iFrame內滾動，但不滾動整個窗口？我想在iFrame下面有文本，但是當文本比iFrame長時，它就會顯示出來。你可以去www.thesocialscreensaver.com看看我在說什麼。謝謝！如何僅滾動iFrame，但不滾動整個窗口

來源

2013-02-06 Prajoth

您可以使用的iframe在一個div，像這樣：

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

我已經檢查它在Firefox和IE瀏覽器和兩個them.You'll的可以使用鼠標滾輪滾動工作正常並將鼠標指針拖到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>

來源

2013-02-06 05:34:06 qwerty

這工作完全！但只有當我知道div的高度。如何讓div 100％的瀏覽器窗口？ – Prajoth

@Prajoth但你不需要這樣做。這個div將只包含iframe，因此它們都具有相同的高度。你可以使用其他div將文本放在iframe下面。檢查新的小提琴 – qwerty

我不喜歡不想顯示iFrame下方的其他文本。我只想讓iFrame佔據整個瀏覽器窗口 – Prajoth

如何僅滾動iFrame，但不滾動整個窗口

回答

相關問題