При встраивании приложения Bootstrap в iframe модальные диалоги всегда открываются в верхней части iframe, а не в верхней части экрана. В качестве примера перейдите в http://getbootstrap.com/javascript/ и откройте пример модальной страницы. Затем, используя пример кода ниже, который помещает одну и ту же загрузочную страницу в iframe, найдите модальный файл и откройте его:
<html>
<head>
</head>
<body>
<table width="100%">
<tr><td colspan="2" style="height:80px;background-color:red;vertical-align:top">Here some header content I don't control</td></tr>
<tr><td style="width:230px;height:10080px;background-color:red;vertical-align:top">Here some sidebar content I don't control either</td>
<td valign="top">
<iframe width="100%" height="10000px"
scrolling="no" src="http://getbootstrap.com/javascript/">
</iframe>
</td>
</tr>
</table>
</body>
</html>
Как мне разместить позиционирование модала на экране в этом сценарии?
ОБНОВЛЕНИЕ: К сожалению, мой iFrame не может заполнить экран, и я не могу его устранить, так как он должен вписаться в остальную часть страницы, а сама страница имеет достаточно содержимого для прокрутки. Это не мой дизайн, и я в конечном итоге намерен переработать все это, но сейчас это то, над чем я должен работать. В качестве временного варианта я использую javascript, чтобы сообщить родителям iframe прокручивать вверх, где появляется модальное диалоговое окно. Хотя это приемлемо, это не является желаемым поведением.
Я использую angularjs и библиотеку ui-bootstrap в своем коде, но, как вы можете видеть выше, это проблема с загрузкой.