У меня есть angularjs веб-приложение, которое загружает другой сайт в iframe в указанном div.Internet Explorer 11 загружает angularjs + requirejs так медленно, что мне нужно подождать около 4 секунд до загрузка другого сайта срабатывает (iframe's 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>
Поскольку существует iframe, я могу't переместите элемент div с помощью appendChild.Есть ли решение CSS, которое можно использовать здесь как проблему позиционирования?Что-то вроде:
- Создайте
otherapp div с позицией absolute. - Приложение создаст
otherappholder div и оставит некоторую позицию для этогоpage. - Он рассчитывает смещение и перемещает
otherapp div.
Хотя это приложение для angularjs, я ищу решение на основе чистого CSSдля этой проблемы используйте position: absolute, position: relative и т. д.