滚动窗口中的垂直居中

Vertical Centering in a scrolled window

本文关键字：垂直居中窗口滚动更新时间：2023-09-26

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

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

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

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

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

fixed位置可以做到这一点（在css中position:fixed）。这是一个 jsfiddle，其中模态弹出窗口在屏幕上以这种方式居中。

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