IFrame定位動態

-1

目前在IFrame上工作，但我面臨嚴重的問題：我正在創建一個Iframe，在這裏我放置我的聊天服務，以便我可以在其他項目上使用此服務，並希望在我的其他項目中擁有固定位置是其他項目頁面的右下角：這裏是我如何用我在其他項目中的腳本：IFrame定位動態

的index.html

<!DOCTYPE> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>Collaborative Text Editor</title> 


    <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> 
    <link href="/css/app.css" rel="stylesheet"></link> 
    </head> 
    <body> 

    <script type='text/javascript' charset='utf-8'> 
     var iframe = document.createElement('iframe'); 
     document.body.appendChild(iframe); 
     iframe.src = 'http://localhost:4000/#/'; 
     iframe.width = '315px'; 
     iframe.height = '380px'; 
     iframe.style.top='40px' 
    </script> 

My Paragraph 

    </div> 

    </body> 

</html>

這行代碼

<script type='text/javascript' charset='utf-8'> 
    var iframe = document.createElement('iframe'); 
    document.body.appendChild(iframe); 
    iframe.src = 'http://localhost:4000/#/'; 
    iframe.width = '315px'; 
    iframe.height = '380px'; 
    iframe.style.top='40px' 
</script>

這裏src是用於測試目的和IFrame的風格不工作再加上我希望有一個固定的位置始終是DIV結束這一右下角：我想IFrame的一個腳本，有固定的位置，即要嵌入這個腳本在其他頁面或網站與靜態位置，這是對底部任何幫助將不勝感激。

來源

2017-06-12 Kumail Hussain

如果你想要它在一個固定的位置，你爲什麼不設置'position'屬性？ – Quentin

首先你忘了添加一個位置屬性。試試這個代碼：

<script type='text/javascript' charset='utf-8'> 
var iframe = document.createElement('iframe'); 
document.body.appendChild(iframe); 
iframe.src = 'http://www.google.com'; 
iframe.style.position = 'fixed'; 
iframe.style.bottom='1%' 
iframe.style.right='1%' 
iframe.width = '315px'; 
iframe.height = '380px'; 
</script>

來源

2017-06-12 12:09:27

IFrame定位動態

回答

相關問題