如何禁用md菜单中的滚动? [英] how to disable scroll in md-menu?

问题描述

我用角质材料.我想隐藏菜单中的滚动条.并具有固定高度的菜单.但是它的高度不足以禁用滚动. 这是我的代码:

I use angular-material. I want to hide scroll in menu. And to have just menu with fixed height. but it doesn't make height big enough to disable scroll. here is my code:

<md-toolbar  ng-init="vm.hasLogged()" class="sidebar-left-toolbar" md-theme="{{::triSkin.elements.logo}}">

<md-menu md-offset="-200 56">
        <h2 flex class="sidebar-left-title"  ng-click="$mdOpenMenu()">{{::vm.sidebarInfo.appName}}</h2>

    <md-menu-content  aria-label="open menu" width="4" style="height1: 250px">
        <md-menu-item >
            <md-button md-prevent-menu-close="md-prevent-menu-close">
                Setup
            </md-button>
        </md-menu-item>
        <md-menu-item>
            <md-button md-prevent-menu-close="md-prevent-menu-close">
                Work
            </md-button>
        </md-menu-item>
        <md-menu-divider></md-menu-divider>
        <md-menu-item>
            <md-button md-prevent-menu-close="md-prevent-menu-close">
                Reports
            </md-button>
        </md-menu-item>
        <md-menu-item>
            <md-button md-prevent-menu-close="md-prevent-menu-close">
                Workflow
            </md-button>
        </md-menu-item>
        <md-menu-item>
            <md-button md-prevent-menu-close="md-prevent-menu-close">
                Cuan
            </md-button>
        </md-menu-item>
        <md-menu-item>
            <md-button md-prevent-menu-close="md-prevent-menu-close">
                Admin
            </md-button>
        </md-menu-item>
        <md-menu-item>
            <md-button  ng-if="vm.isLogged" ng-click="vm.logout()">
                Logout
            </md-button>
        </md-menu-item>
    </md-menu-content>
</md-menu>

我尝试过使用style ="height:xxx"来缩小菜单.但不大

I have tried with style="height: xxx" it makes menu smaller. but not bigger

推荐答案

您可以使用CSS- CodePen

CSS

md-menu-content {
  overflow-y: hidden;
  min-height: 400px;
}

此解决方案的唯一问题是它将影响所有菜单.像其他AM指令一样，似乎没有一种将类分配给菜单的方法.

The only problem with this solution is that it will affect all menus. There doesn't seem to be a way to assign a class to the menu like other AM directives.

这篇关于如何禁用md菜单中的滚动?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！