angularjs – Angular材料mdMenu onclose在firefox中滚动页面到顶部

前端之家收集整理的这篇文章主要介绍了angularjs – Angular材料mdMenu onclose在firefox中滚动页面到顶部前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个简单的角度材料应用程序在页面底部有mdMenu.在选择选项时,页面滚动到顶部.
这只发生在firefox上(测试版本为52.0.2).

使用角度ver. 1.6.4
使用角度材料ver 1.1.3

Plnkr

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

解决方法

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

我通过禁用自动滚动解决了这个问题.请务必清除浏览器缓存以确保其正常工作.

猜你在找的Angularjs相关文章