Question

我有一个div。我希望当用户垂直滚动页面时，这个div跟随移动并停留在屏幕的中心。

是否有任何css命令，或其他什么？

Answer 1

您可以使用position:fixed;

进行定位

给定宽度为400px且高度为400px的div：

div#center
{
    position: fixed;
    top: 50%; /*move top-left corner to center*/
    left: 50%;

    margin-left: -200px; /* (-1) * (width/2), move left by 1/2 of the width*/
    margin-top: -200px; /* (-1) * (height/2), move up by 1/2 of the height*/

    width: 400px;
    height: 400px;
}

Answer 2

如果我正确理解您的问题，position: fixed;似乎会有用。

<强> HTML

<div></div>

<强> CSS

div {
        position: fixed; top:50%; left:50%;
        height: 200px; width: 200px;
        margin-top: -100px; margin-left: -100px;
    }

以下是工作示例的Codepen工作链接：CODEPEN LINK

正如我发布的那样，似乎@MathNerdProductions已经给出了一个非常相似的答案，请选择你的选择。他们都做同样的事情，你应该在他们回答的时候把答案归功于他们。

Div跟随垂直滚动

2 个答案: