使用#符号将视口跳转到id

时间:2014-02-12 08:33:05

标签: javascript angularjs

使用AngularJS时,如何让浏览器的视口跳转到同一页面上的元素?

没有AngularJS,以下

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

<h2 id="heading">Heading</h2>
如果单击链接,

将导致浏览器的视口跳转到标题。

使用AngularJS时如何才能完成这项工作?

1 个答案:

答案 0 :(得分:0)

这是一个名为ngScrollTo的插件;
你可以尝试这样的事情;

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

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

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

http://ngmodules.org/modules/ngScrollTo
以下是工作示例;

http://jsfiddle.net/8Mtxc/1/