javascript - 滚动窗口中的垂直居中

Question

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

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

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

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

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

Answer 1

固定位置可以做到这一点(CSS中的position:fixed)。这是 jsfiddle其中模态弹出窗口以这种方式在屏幕上居中。