AngularJs onClick阻止滚动到顶部

AngularJs onClick Prevent scrolling to the top

本文关键字：顶部 滚动 onClick AngularJs      更新时间：2024-02-16

我正在创建一个网站，我正在使用Angular JS和bootstrap来构建页面。我的主页上有一个有问题的面团，我有一个汉堡菜单按钮，比方说我在网页上滚动了一半，点击汉堡，然后我会自动移动到页面顶部。

我真的不希望这种情况发生，我希望用户在点击汉堡菜单后留在页面上的同一位置。不想把它们移回顶部：

HTML:

ANgular JS:

        scope.menuClick = function() {
            $rootScope.MobileVisible = !$rootScope.MobileVisible;
            scope.visibleSearchBar = false;
        };

从给定的代码快照中，是否可以引导我找到所需的解决方案。。？

您应该使用preventDefault（）方法。试试这个：

  scope.menuClick = function(event) {
        event.preventDefault();
        $rootScope.MobileVisible = !$rootScope.MobileVisible;
        scope.visibleSearchBar = false;
    };

请检查此代码

angular.module('moduleName',[]).config( ['$anchorScrollProvider', 
    function($anchorScrollProvider) {
        $anchorScrollProvider.disableAutoScrolling();
    }]
);
相关文章：