问题
I have an angularjs web application that loads another site within an iframe in a specified div. Internet Explorer 11 loads the angularjs + requirejs so slowly, that I need to wait for around 4 seconds till the other site's loading is triggered (iframe's src injected into the 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>
I would like to parallelize this by going something like this instead:
<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>
Since there is an iframe, I can't move the div element using appendChild. Is there a CSS solution that can be used here as it a positioning problem? Something like:
- Create the
otherappdivwith anabsoluteposition. - The application will create an
otherappholderdivand leaves some position for this page. - It calculates it offset and repositions the
otherappdiv.
While this is for an angularjs application, I am looking for a pure CSS based solution for this problem using position: absolute, position: relative etc.
来源：https://stackoverflow.com/questions/50448792/loading-another-site-without-delay-and-positioning-it-correctly-using-css