使画布外导航可滚动

Question

我有以下画布导航： http : //codepen.io/anon/pen/IcBis 。 如何使它像这样滚动： http : //codepen.io/jdigi/pen/nafJc ？

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

Answer 1

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

更新的代码

Answer 2

您（意外地？）将fixed CSS规则应用于#menu元素。

fixed CSS规则将 “块”元素“钉入”视口，并使其无法滚动。

这是水印的理想之选，但我想这不是您想要的。

更换

#menu {
     position: fixed;

同

#menu {
     position: absolute;

这样可以解决您的问题。