使畫布外導航可滾動

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;

這樣可以解決您的問題。