滚动时将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和固定位置顶部的划分。

链接地址: http://www.djcxy.com/p/75817.html

上一篇: stick div to the center when scrolling

下一篇: div not in the middle with margin 0 auto?