角质材料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在页面顶部滚动

回答

相关问题