如何在 md 菜单中禁用滚动? [英] how to disable scroll in md-menu?
本文介绍了如何在 md 菜单中禁用滚动?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我使用角材料.我想隐藏菜单中的滚动.并且只有固定高度的菜单.但它不会使高度足够大以禁用滚动.这是我的代码:
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
You can use 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屋!
查看全文