Jump viewport to id using # symbol

Question

When using AngularJS, how can I cause the browser's viewport to jump to an element on the same page?

Without AngularJS, the following

<a href="#heading">Go to Heading</a>

<h2 id="heading">Heading</h2>

will cause the browser's viewport to jump to the heading if the link is clicked.

How can I make this work when using AngularJS?

http://stackoverflow.com/questions/14712223/how-to-handle-anchor-hash-linking-in-angularjs — Lukas K., Feb 12 '14 at 08:37

score 0 · Answer 1 · answered Feb 12 '14 at 08:37

0

Here is a plugin for that called ngScrollTo;
you can try something like this;

<a scroll-to="section1">Go to Section 1</a>

<div id="section1">Section 1</div>

<a scroll-to="">Go to Top</a> </pre>

answered Feb 12 '14 at 08:37

Idrees Khan

How can I change this to not scroll the element all the way up to the top, but to say 50px from the top? – Ben Feb 12 '14 at 08:58
you can create a div who's margin-bottom is 50px and point this to that div – Idrees Khan Feb 12 '14 at 10:03

1 Answers1