使非画布导航可滚动

Question

我有这个离场导航：http://codepen.io/anon/pen/IcBis。 如何使它像这样滚动：http://codepen.io/jdigi/pen/nafJc？

我只知道如何使用滚动条使我的可滚动，但它仍然作为一个单独的元素，而不是与身体的其余部分合并。谢谢！

Answer 1

将菜单定位从固定更改为绝对。要达到全高，请将身体的位置设置为相对。

Updated code

Answer 2

您（不小心？）将fixed CSS规则应用于#menu元素。

fixed CSS rule“指定”视口的块元素并防止其被滚动。

这是水印的理想选择，但我想，不是你想要的。

替换

#menu {
     position: fixed;

与

#menu {
     position: absolute;

这将解决您的问题。