角質材料mdMenu onclose在頁面頂部滾動

我有一個簡單的角度材料應用，在頁面底部有mdMenu。在選擇選項時，頁面滾動到頂部。這發生在Firefox上（測試版本52.0.2）。角質材料mdMenu onclose在頁面頂部滾動

使用angular ver。 1.6.4 採用了棱角分明的材料版本1.1.3

<body> 
<div style="height:1000px">This is top</div> 
    <md-menu md-position-mode="target-right target"> 
     <md-button aria-label="Open demo menu" class="md-raised md-primary" ng-click="$mdOpenMenu($event)"> 
      Menu 
     </md-button> 
     <md-menu-content width="2"> 
      <md-menu-item> 
       <md-button> 
        <div> 
         <p flex> 
          Option </p> 
        </div> 
       </md-button> 
      </md-menu-item> 
     </md-menu-content> 
    </md-menu> 
</body>

來源

2017-04-13 Kushagra Chandra

固定在角材料版本1.1.5。 –

angular.module('yourModule',[]).config(['$anchorScrollProvider', 
     function($anchorScrollProvider) { 
      $anchorScrollProvider.disableAutoScrolling(); 
     }] 
    );

我通過禁用自動滾動解決了這個問題。確保清除瀏覽器緩存以確保其正常工作。

來源

2017-06-05 12:54:13

不適合我 –

這是一個錯誤，在發佈時這個問題仍然沒有解決，並已被github上的開發者積壓。

這裏是一個線程https://github.com/angular/material/issues/5690

一個環節有一個在線程這是使用下面的風格提出了一個解決辦法：

body { 
height: auto; 
}

雖然它不適合我的工作，它會導致垂直格跳躍在我的項目上的DOM負載，我不明白。

這裏有兩個codepens用戶Magador發佈重現bug

錯誤的演示（在Chrome，火狐只有IE &邊緣不發生）：http://codepen.io/Magador/pen/ZbmeRo

演示解決：http://codepen.io/Magador/pen/wKRBLg

來源

2017-06-09 14:25:50

角質材料mdMenu onclose在頁面頂部滾動

回答

相關問題