Html 引导-滚动固定折叠菜单

对于我的移动站点，我有一个触发按钮，当点击它时，会弹出一个最初折叠的div。div固定在屏幕顶部，占据整个屏幕高度。在那个div中，有一个手风琴菜单列表。我无法向下滚动我的长菜单列表，因为元素已修复。当我将其设置为绝对时，它会将其放在页面的错误区域（我猜是相对于上一个div，而不是页面）

这是一个演示

---

我想在手机上查看会有帮助，这样你就可以看到滚动问题。

如果你只想在手风琴延伸到看不见的地方时滚动页面，你可以添加

overflow:auto到优化ID

请参阅工作代码段

*旁注：我还添加了
溢出：隐藏
到
#细化。折叠
以便在手风琴打开时隐藏右侧滚动条，因为这样看起来更好。这与滚动问题无关，如果需要可以删除


#细化.折叠{
位置：固定；
左：0；
右：0；
背景色：#ffffff；
溢出：隐藏；
}
#精化{
左：0；
右：0；
身高：100%；
背景色：#ffffff；
边界：无；
}
#精炼{
背景色：#ffffff；
填充：0px 10px 0px；
边框底部：1px实心#f00；
边框顶部：1px实心#ccc；
盒影：0 4px4px-2px#828181；
-moz盒阴影：0 4px4px-2px#828181；
-webkit盒阴影：0 4px 4px-2px#828181；
排名：0；
位置：固定；
溢出：自动；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。在enim ipsum，interdum non pharetra malesuada，scelerisque et ligula。Proin semper和Diet semper。大枕门酒店。两人对决是一种累积。中间水平
sapien，在pretium velit。Morbi tristique ligula eget nibh sollicitudin功效。酒后驾车、酒后驾车、爱神自由调味品扫描电镜、威尼纳提斯精英tellus舌苔。维尼那提吊牌，维尼那提吊牌
舌苔。但洛雷姆·梅特斯（lorem metus）认为，这是一种新的观点。自由之门，自由之门，自由之门，自由之门。这是一种普通的设施。努克·法雷特拉·费利斯德·萨皮恩·阿利奎特·亚库利斯。下赌注
惯性矩。Donec hendrerit pretium sapien，在lacinia felis congue non。在purus坐着amet diam iaculis viverra。毛里斯·达皮布斯（Mauris dapibus）是一只乌龟。Nunc nec mi调味品、tincidunt ipsum nec、congue justo。库拉比图尔和厄洛斯里古拉。梅塞纳斯摩尔斯蒂酒店
暂时性胎记。Aliquam sit amet nibh sem。
文本
文本
文本


男子（23）

女士（47）

中型（12）



不锈钢

钢铁和黄金

钢铁和玫瑰金



蓝色（1）

黑色（4）

银牌（23）

蓝色（1）

黑色（4）

银牌（23）

蓝色（1）

黑色（4）

银牌（23）

蓝色（1）

黑色（4）

银牌（23）

蓝色（1）

黑色（4）

银牌（23）

蓝色（1）

黑色（4）

银牌（23）

蓝色（1）

黑色（4）

银牌（23）

蓝色（1）

黑色（4）

银牌（23）

蓝色（1）

黑色（4）

银牌（23）

蓝色（1）

黑色（4）

银牌（23）