Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/364.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript AngularJs onClick防止滚动到顶部_Javascript_Jquery_Html_Angularjs - Fatal编程技术网

Javascript AngularJs onClick防止滚动到顶部

Javascript AngularJs onClick防止滚动到顶部,javascript,jquery,html,angularjs,Javascript,Jquery,Html,Angularjs,我正在创建一个网站,我正在使用Angular JS和bootstrap构建页面。 我的主页上有一个问题我有一个汉堡包菜单按钮,假设我在我的网页上滚动了一半点击汉堡包,我就会自动移动到页面顶部 我真的不希望这种情况发生,我希望用户在点击汉堡包菜单后留在页面上的同一位置。不想将它们移回顶部: HTML: ANgularJS: scope.menuClick = function() { $rootScope.MobileVisible = !$rootScop

我正在创建一个网站,我正在使用Angular JS和bootstrap构建页面。 我的主页上有一个问题我有一个汉堡包菜单按钮,假设我在我的网页上滚动了一半点击汉堡包,我就会自动移动到页面顶部

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

HTML:

ANgularJS:

        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();
    }]
);

Hey thx for Suggered,但我已经厌倦了,它不起作用:/能否创建一个plunker来演示问题?能否提供包含ng click=“menuClick”的HTML标记?