因此,我目前正在使用[angular-sticky](http://harm-less.github.io/angular-sticky/#!/)插件为网页创建粘性侧边栏菜单。粘性部分工作正常。问题在于其中的手风琴菜单。如果全部打开,则最底部手风琴的内容将被截断,我无法滚动访问它。
我知道我可能必须添加overflow-y:scroll或overflow-y:auto,但是似乎没有一个地方可以解决问题。我可以通过简单地防止一次打开多个手风琴来解决此问题,但是我非常想知道为什么菜单内容不会滚动。
<ul hl-sticky="sidebar" collection="sidebar" media-query="min-width: 1280px" class="main-menu" ng-class="{toggled:$ctrl.MainMenu.isOpen}">
<li ng-repeat="item in $ctrl.menuItems" ng-class="{'sub-menu':item.subMenuItems.length, active:item.active, toggled:item.isSubMenuOpen, 'p-l-15': item.isIndented}">
<a class="text palette-{{item.color || 'Grey-800'}}" ng-if='item.subMenuItems.length' href="javascript:void()" ng-click="$ctrl.toggleSubMenu(item)">
<i class="zmdi zmdi-{{item.icon}}"></i>
{{item.title}}
</a>
<a class="text palette-{{item.color || 'Grey-800'}}" ng-if="!item.subMenuItems.length" ui-sref="{{item.name}}({{item.params}})">
<i class="zmdi zmdi-{{item.icon}}"></i>
{{item.title}}
</a>
</li>
</ul>