部分将导航栏移出屏幕

Question

当我使用导航栏时，是否可以不将其从屏幕上移开？

我已经尝试将它们包装在具有溢出隐藏等的单独div中。

理想情况下，它将位于带溢出的静态页面上：隐藏;但这只是对我所拥有的东西的快速模拟。

这可能有助于注意这是一个2层导航，因此这个已经在另一个部分内。

我有一个JS小提琴here。

HTML;

:hover

Answer 1

您可以使用position:fixed，导航栏始终位于顶部。

链接：https://jsfiddle.net/bz68252t/2/

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position:fixed
}
section:first-of-type{
padding-top:2em;
}