$ anchorScroll не работает должным образом

Question

Одним нажатием кнопки я хочу, чтобы страница прокручивала конкретный div bottom.

1-й раз я нажимаю, страница будет самый верх и первоначальный URL http://localhost:8000 становится http://localhost:8000/#/bottom (почему он не собирается в div я упомянутой).

2-й раз, когда я нажмите кнопку, URL-адрес становится http://localhost:8000/#/bottom#bottom, и он идет к DIV bottom (, который является то, что я хочу).

Как я могу справиться с этим?

фрагмент кода

$location.hash('bottom'); 
$anchorScroll(); 

Заранее спасибо

ли попросить более подробного объяснения, если это необходимо. , ,

Answer 1

<a href="#bottom">BOTTOM</a> 
<div style="height:700px"> this is boby </div> 
<a href="https://www.facebook.com/vietlink365" id="bottom">JOIN NOW!</a> 

Answer 2

Я не знаю, если вы все еще нужна помощь, но вы проверили this вопрос?

Во всяком случае, я также использовать одну кнопку, чтобы сделать якорный пролистайте:

<button ng-click="app.gotoAnchor('destination')">GO!</button> 
(...) 
<div id="destination" style="height:1px;"></div> 

И я просто использовал комбинацию AngularJS документации examples и вопрос, так что я упоминал ранее, чтобы сделать эту функцию:

function gotoAnchor(anchor){ 
     if ($location.hash() !== newHash) { 
     // set the $location.hash to `newHash` and 
     // $anchorScroll will automatically scroll to it 
     $timeout(function() { 
      $location.hash(anchor); 
     }); 
     } else { 
     // call $anchorScroll() explicitly, 
     // since $location.hash hasn't changed 
     $anchorScroll(); 
     } 
    } 

Будучи $timeout, позвоните в тот, который сделал эту работу лучше.

Надеюсь, это поможет.