【问题标题】：Accordion Menu CSS3, HTML5 problems with collapsing divs折叠 div 的手风琴菜单 CSS3、HTML5 问题
【发布时间】：2012-12-05 02:31:50
【问题描述】：
我对使用 HTML5 和 CSS3 的手风琴菜单有疑问。手风琴功能很好，有很好的缓动和过渡。我的问题是每个内容 div 都有很多内容，我需要使用 overflow-y 来滚动内容。如果您滚动内容，然后想跳转到另一个项目...您刚刚折叠的 div （因为它应该）但它不会恢复到超链接菜单项，而是显示滚动的内容。
我想看看当有人跳转到另一个项目时，是否有任何建议可以让导航更友好。
这是一个例子。 http://www.toolboxwebdesign.com/css3.html
提前感谢您的帮助！
【问题讨论】：
标签：
javascript
html
css
accordion
【解决方案1】：
我会在手风琴的内容周围放置一个 div，不包括标题，然后将您的溢出-y 放在该 div 上。这样，标题将始终位于顶部，并且不会随内容滚动。
【讨论】：
-
这是我添加的 .scroll { overflow-y:scroll;宽度：100%；高度：自动；我将 div.scroll 添加到内容中...只有一个空滚动条，我无法滚动内容。但我喜欢你的想法……这是有道理的。我想知道为什么内容不会滚动？这是它的样子：toolboxwebdesign.com/css3.html
-
@toolbox3 - This css3 accordion 值得一看。它的工作原理更像传统的手风琴，因为手风琴的每个部分的头部和身体是分开的。有了这个，你可以很容易地修复 body 的高度，并给它一个滚动条来溢出。