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定位动态

回答

相关问题