需要如何使用角度滚动的示例

时间:2014-10-06 14:55:29

标签: angularjs scroll jsfiddle duration

我试图弄清楚如何在github上使用来自此源的角度滚动:

https://github.com/durated/angular-scroll

我对AngularJS来说还是一个新手,我觉得我在阅读这个例子的行之间有困难。我已经使用bower正确下载了角度滚动,将它放在我的index.html中,并将其作为依赖项注入。我现在不确定的是如何使用它。如果我有一个JSFiddle,我可以很快得到它。我想做的就是使用它的id滚动到一个元素。我目前正在使用$ anchorScroll并且它正在工作,但我想要更平滑的东西。

非常感谢任何帮助/示例!

1 个答案:

答案 0 :(得分:0)

如果按照上面描述的步骤操作,现在只需将指令附加到元素即可:

<a href="#title" du-smooth-scroll>Scroll to top</a>

默认情况下,这将平滑滚动到具有相应ID的元素:

<h1 id="title">I am the Scroll target</h1>

源代码:https://github.com/oblador/angular-scroll/blob/master/example/index.html

演示: http://oblador.github.io/angular-scroll/