css - 当窗口向下滚动 CSS 时，如何使导航栏不移动？

Question

在我的网站上，我让背景图片始终居中，导航始终水平放置在同一位置，因此水平大小无关紧要，它始终位于同一位置，我使用以下方法做到了这一点:

#nav {
    list-style: none;
    position:fixed;
    right:50%;
    margin-right:155px;
    margin-top:220px;
 }

我的问题是垂直部分。当窗口在垂直方向上很小并且向下滚动时，菜单会随页面移动，我不希望这样。我想让它与 Logo 保持一致，但使用“顶部”百分比似乎不起作用。我对 javascript 不是很熟悉，所以如果它可以与 CSS 一起使用，我会更容易理解!

嘿嘿!

这是我的例子!

jsfiddle.net

Answer 1

将您的导航类更改为:

#nav {
    list-style: none;
    position:absolute;
    right:50%;
    margin-right:155px;
    margin-top:220px;
}