2015-02-19 3 views
1

Я создаю веб-сайт, я использую Angular JS и bootstrap для создания страницы. У меня есть одно тестовое тесто на моей домашней странице. У меня есть кнопка меню гамбургера. Скажем, я прокручиваю половину своей веб-страницы, щелкнув гамбургер, меня затем автоматически переместили в начало страницы.AngularJs onClick Запретить прокрутку вверх

Я действительно не хочу, чтобы это произошло. Я хочу, чтобы пользователь оставался на том же месте на странице после того, как они нажмут меню гамбургеров. Не хотят, чтобы переместить их обратно на вершину:

HTML:

ANgularJS:

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

Из данного кода щелкает возможно направить меня к искомому решению. .?

+0

могли бы вы предоставить HTML-разметку, содержащую нг-клик = "menuClick"? – Manube

ответ

1

Вы должны использовать метод preventDefault(). Попробуйте это:

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

Эй, спасибо за предложение, но я устал, и это не делает трюк:/ – Tomazi

+0

Можете ли вы создать плункер, чтобы продемонстрировать проблему? –

+0

@ MichałLach не работает mozile firefox browser –

0

пожалуйста, проверьте этот код

angular.module('moduleName',[]).config(['$anchorScrollProvider', 
    function($anchorScrollProvider) { 
     $anchorScrollProvider.disableAutoScrolling(); 
    }] 
); 
Смежные вопросы