在滚动窗口中垂直居中

Question

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

例如，用户在页面上阅读，点击等，现在，在多个内容屏幕之后，在页面底部，并且即将点击最后一个按钮。我想在窗口中居中弹出一个图像。

当我尝试： http://www.w3.org/Style/Examples/007/center-example

或： http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

图像以第一个内容屏幕为中心，即您必须将页面一直向上滚动以使其在窗口中居中显示。我想将图像置于其当前滚动点的中心。这是Javascript函数的一部分。

Answer 1

fixed位置会这样做（css中为position:fixed）。这是一个jsfiddle，其中模态弹出窗口在屏幕上居中。

Answer 2

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