在滚动窗口中垂直居中答案

【问题标题】：Vertical Centering in a scrolled window在滚动窗口中垂直居中
【发布时间】：2012-05-08 05:42:58
【问题描述】：

我正在尝试将已滚动到底部的窗口中的图像垂直居中（或放置在任意垂直位置）。

例如，用户在一个页面上阅读、点击等，现在，经过多个屏幕的内容，位于页面底部，即将点击最后一个按钮。我希望在窗口居中弹出一个图像。

图像在内容的第一个屏幕上居中，即您必须一直向上滚动页面才能看到它在窗口中居中。我希望图像以他们当前的滚动点为中心。这旨在成为 Javascript 函数的一部分。

【问题讨论】：

【解决方案1】：

fixed 位置将执行此操作（position:fixed 在 css 中）。这是一个jsfiddle，其中一个模态弹出窗口以这种方式在屏幕上居中。

【讨论】：

【解决方案2】：

使用position:fixed;，内容将相对于窗口居中。

【讨论】：