2014-12-24 101 views
-1

如果標題沒有準確描述我要找的內容,我表示歉意。我仍然很新的這東西,我不知道到底是什麼,我試圖完成的術語,但這裏是它的照片:從iframe水平滾動到iframe

在此圖像中,我使用iframe顯示了另一個HTML文件(「Max to Meet the Maniacs」)。正如你所看到的,下面還有另一個包含另一個iframe的頭元素。我希望第二個iframe位於第一個的右邊,這樣我可以在兩者之間水平滾動。我希望這是有道理的。我正在部署一個靜態網站,所以我知道它有侷限性(不完全確定它們是什麼)。有任何想法嗎?

編輯:這是我的HTML。如果需要,我可以發佈CSS。

<section id="first" class="main center profile"> 

<header style="height:100%;width:100%"> 
    <iframe style="height:100%;width:100%" src="profile.html" name="targetframe" allowTransparency="true" scrolling="no" frameborder="0"> 
    </iframe> 
</header> 

<header style="height:100%;width:100%"> 
    <iframe style="height:100%;width:100%" src="danny.html" name="targetframe" allowTransparency="true" scrolling="no" frameborder="0"> 
    </iframe> 
</header> 

</section> 
+1

我們需要看到代碼,而不是圖像。 – melancia

+0

這些圖像是解釋我想要完成的事情所必需的。我不認爲這個解決方案對我的代碼是特定的,這就是爲什麼我沒有發佈它。我現在添加html。我也可以發佈我的CSS,但我不確定你們需要看到什麼,而且我不想顯式地發佈我的整個樣式表。 –

+0

你對這個問題的描述相當令人費解。你只是試圖把兩個iframe並排? – Boann

回答

0

讓我試着解釋一下,嘗試製作一個大約1000px寬的外容器。現在你想讓每個iframe的寬度達到500px,這樣它們都可以適用。然後,您要將頂部iframe左側和底部iframe右側浮動。如果它不起作用,請嘗試調整iframe的寬度,因爲如果您有填充或邊距,將會使其超過500像素並打破浮動。

浮動幫助。 http://css-tricks.com/all-about-floats/

希望這會有所幫助。

+0

我還沒有嘗試過這但是,但這將使這兩個iframes在視圖中?我只想讓一個iframe一次顯示。我已經有了一個按鈕在兩者之間滾動的JavaScript。我只需要將它們並排放置,並且每次只顯示一個父母

中的一個。 –

+0

然後只需將'iframes'粘貼到足夠寬的容器中即可顯示其中的一個。如果'iframes'是並排或者彼此重疊的,你只需要用'left'或者'z-index'來切換它們。 – melancia

+0

就像這樣:http://jsfiddle.net/50wh8kpf/ – melancia