浏览器查看窗口中的中心div

Question

我有一个div，我想在浏览器视图中垂直居中。

换句话说，如果用户向下滚动，我希望div显示在用户正在查看的当前Y轴中的相同中心位置。

由于

Answer 1

在这里，试试这个：

div {
    position: fixed;
    top: 50%;
    height: 100px;
    width: 200px;
    background: red;
    margin-top: -50px; /* half the div's height */
}