md-menuでスクロールを無効にする方法は？

Question

私は角材料を使用します。私はメニューのスクロールを隠したい。そして、固定された高さのメニューだけを持つこと。スクロールを無効にするのに十分な高さにはなりません。ここ は私のコードです：

<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> 

私はスタイル= "高さ：XXX" で試してみました、それはメニューが小さくなります。

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

このソリューションの唯一の問題は、それがすべてのメニューに影響を与えることであるCodePen

CSS - ではなく、より大きな

Answer 1

あなたは、CSSを使用することができます。他のAMディレクティブのようにメニューにクラスを割り当てる方法はないようです。

Answer 2

これは古い質問ですが、同じ問題が発生しました。

私はそれをこのように解決：

<md-menu-content width="4" class="maxHeightNone"> 

.maxHeightNone{ 
    max-height: none; 
} 

この方法は、あなたが最小の高さを指定する必要はありません、それはMD-メニューの内容に適応します。