Javascript:具有可滚动的固定位置元素

时间:2011-08-02 09:33:01

标签: javascript css

我正在努力实现以下目标:
我有一个停靠在屏幕左侧的弹出式菜单 菜单只有一个小标签可见。悬停时 - 它会弹出以适应其内容 问题是,我的页面有时会有几个高度的屏幕。 有时,我的菜单也是如此 我希望能够将菜单停靠在固定位置(因此选项卡始终可见),并且菜单可滚动,没有丑陋的滚动条。

如何实现这一目标?

1 个答案:

答案 0 :(得分:0)

添加到您的css:

html,body { height: 100%; }

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

确保#menu是身体的直接孩子。

如果这不起作用,请给我一个演示的链接,或在http://jsfiddle.net/

中制作一个