2014-02-06 67 views
0

我正在研究一個在線(html/css/javascript)計算器的callories + nutrion需求。這個計算器只是一些無線電按鈕文本輸入和選擇。i-frame滾動的對象

你必須填寫/選擇/檢查計算器左側的東西,結果顯示在右側。我已經將右半部分的位置設置爲固定的,所以當用戶填充左側(其高得多)並且向下滾動時,右側停留在顯示器的頂部並且他不必一直向上滾動以看到結果。

該計算器必須位於單獨的html文件中,並且必須通過i-frame在實際網站上顯示。問題是,在我單獨的html文件中,右側是固定的,而滾動它仍然在頂部,但在該網站上它不起作用。

這是屬於我的一個朋友的網站,所以我不能改變這個i-frame解決方案。

我的問題是:是否有可能在頂部顯示該框架的同時顯示該框架上的右側?我希望你明白。如果沒有,請問,我會盡量更具體。

我不知道我應該補充什麼樣的代碼在這裏,但這裏是我計算的右側的CSS:

#contentRight {position:fixed; top:0px;} 

,這裏是我幀:

<iframe src="http://..." height="800" width="690" scrolling="no" id="iframeKalk" marginheight="0" frameborder="0"> 
+0

這並不足以提供足夠的信息。我做了一個小提琴,顯示它按預期工作([這裏](http://jsfiddle.net/MrLister/28MFL/)是計算器的內部html頁面,[this](http://jsfiddle.net/) MrLister/cspZb/1 /)是包含iframe的外部頁面),所以在您沒有顯示的代碼部分中必定有些不妥。 –

+0

此外,您還說「我無法更改該i-frame解決方案」,但是您的意思是您無法更改計算器頁面的HTML/CSS/JS,或者您無法更改包含iframe的頁面的任何內容? –

+0

我無法更改任何關於包含iframe的頁面。我可以修改計算器 – user2886091

回答

0

我猜對了,我明白了你的意思。 基本上,你正在試圖製作一個計算器,一邊朝右,而另一邊則顯示i-frame。

是的,你可以有taht .. 您需要兩個HTML頁的.. 說,1 main.html中 2. frame.html

在main.html中填寫的內容,你總是希望顯示,因爲在你的情況下,你總是希望每一個東西都在右邊,所以製作兩個div標籤(「right_stationary」,「left-iframe」),指定你的右側面板總是顯示的寬度。

現在去你的左邊的iframe div標籤並插入代碼一樣

<iframe name="myIframe" id="myIframe" style="position:fixed;margin-top:-31px;width:75%;height:91%" margin-left:0px;margin-right: 80px ;frameborder="0" src="frame.html" scrolling="yes" runat =server></iframe> 

注意:檢查右邊距根據您的舒適,我的意思是你要多少。

我已經有兩個html頁面一個樣本總是stationart在頂部,另一隻是旋轉,(帶你從一個網站到另一個)

http://freebits.gq

希望這將有助於。