Question

目前正在处理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脚本，即希望将此脚本嵌入其他页面或网站，其中静态位置是正确的底部任何帮助将受到高度赞赏。

Answer 1

首先，您忘记添加位置属性。试试这段代码：

<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>

IFrame动态定位

1 个答案: