Angular material 如何在md菜单中禁用滚动?
我用有棱角的材料。我想在菜单中隐藏滚动。而且只有固定高度的菜单。但它并没有使高度足够大以禁用滚动。 这是我的密码:Angular material 如何在md菜单中禁用滚动?,angular-material,Angular Material,我用有棱角的材料。我想在菜单中隐藏滚动。而且只有固定高度的菜单。但它并没有使高度足够大以禁用滚动。 这是我的密码: <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-ti
<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>
{{::vm.sidebarInfo.appName}
安装程序
工作
报告
工作流程
魁
管理
注销
我试过使用style=“height:xxx”使菜单变小。但是不要太大您可以使用CSS-
CSS
此解决方案的唯一问题是它会影响所有菜单。似乎没有办法像其他AM指令一样将类分配给菜单。您可以使用CSS-
CSS
此解决方案的唯一问题是它会影响所有菜单。似乎没有办法像其他AM指令一样将类分配给菜单。这是一个老问题,但我遇到了同样的问题 我是这样解决的:
<md-menu-content width="4" class="maxHeightNone">
.maxHeightNone{
max-height: none;
}
maxHeightNone先生{
最大高度:无;
}
这样,您不需要指定最小高度,它将适应md菜单的内容。这是一个老问题,但我遇到了同样的问题 我是这样解决的:
<md-menu-content width="4" class="maxHeightNone">
.maxHeightNone{
max-height: none;
}
maxHeightNone先生{
最大高度:无;
}
这样,您不需要指定最小高度,它将适应md菜单的内容