Javascript：有一個可滾動的固定位置元素

Question

我試圖實現以下功能：
我有一個彈出菜單停靠在屏幕的左側。
該菜單隻有一個小標籤可見。懸停後 - 彈出以容納其內容。
問題是，我的頁面有時高度幾個屏幕。 有時，我的菜單也是如此。
我希望能夠將我的菜單停靠在一個固定的位置（因此該選項卡總是可見的），並且可以滾動菜單，沒有醜陋的滾動條。

這怎麼可能實現？

Answer 1

添加到你的CSS：

html,body { height: 100%; } 

#menu { height: 100%; overflow: auto; position: absolute; top: 0px; } 

確保#menu是身體的直接孩子。

如果這不起作用，給我一個演示的鏈接，或在http://jsfiddle.net/