Angular Sticky侧边栏菜单不会滚动显示溢出的内容

时间:2019-07-29 15:20:22

标签: javascript html css angularjs

因此,我目前正在使用[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>

0 个答案:

没有答案