滚动时将div粘贴到中心
我有一个嵌入到我的页面的iframe。 iframe中有一个div,即使在滚动时也需要始终保持在屏幕中央。
我的页面的设置方式是iframe完全适合,不带滚动条:
主页:
...
<body>
...some content
<iframe src="test.html" width="200px" height="700px">
</frame>
...
</body>
...
的test.html:
...
<div class="modal_window">
<p>Very important message</p>
</div>
...
如何让我的div.modal_window
始终保持在屏幕的中心(当然,如果iframe在屏幕上可见)? 最好只使用CSS
.modal_window{
position:fixed;
margin-left:auto;
margin-right:auto;
display:block;
z-index:100;
}
此代码margin-left:auto; margin-right:auto;display:block;
margin-left:auto; margin-right:auto;display:block;
将保持你的div在父div的中心。
和z-index:100;position:fixed
将保持在父div和固定位置顶部的划分。