立即加载其他网站并使用CSS正确定位?

时间:2018-05-21 12:19:45

标签: javascript html css angularjs internet-explorer-11

我有一个angularjs网络应用程序,可以在指定iframe的{​​{1}}内加载其他网站。 Internet Explorer 11加载div + angularjs这么慢,我需要等待大约4秒直到其他网站的加载已触发< / strong>(iframe&#39; s requirejs注入src)。

dom

我想通过这样的方式来并行化这个:

<html>
  <body>
    <div ng-app="module">
      <!-- happens after 3-4 seconds due to the delay mentioned above-->
      <div id="otherapp">
        <iframe src="https://www.bing.com">
        Another Site
        </iframe>
      </div>
    </div>
  </body>
</html>

由于有<html> <body> <div id="othersite"> <!-- loads immediately --> <iframe src="https://www.bing.com"> Other Site </iframe> </div> <div ng-app="module"> <!-- bring it here either using dom manipulation or css --> <div id="othersiteholder"> </div> </div> </body> </html> ,我can't会使用iframe移动div元素。有没有可以在这里使用的CSS解决方案,因为它是一个定位问题?类似的东西:

  1. 使用appendChild职位创建otherapp div
  2. 该应用程序将创建absolute otherappholder并为此页面留下一些位置。
  3. 计算偏移并重新定位div otherapp
  4. 虽然这是针对div应用程序的,但我正在寻找使用angularjsposition: absolute等针对此问题的纯CSS解决方案。

0 个答案:

没有答案