【问题标题】:Need example of how to use angular-scroll需要如何使用角度滚动的示例
【发布时间】:2014-10-06 14:55:28
【问题描述】:

我正在尝试从 github 上的这个来源找出如何使用 angular-scroll:

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

我对 AngularJS 还是很陌生,我想我在阅读这个例子的字里行间时遇到了麻烦。我已经使用 bower 正确下载了 angular-scroll,将其放入我的 index.html 中,并将其作为依赖项注入。我现在不确定的是如何使用它。如果我有一个 JSFiddle,我可以很快得到它。我想要做的就是使用它的 id 滚动到一个元素。我目前正在使用 $anchorScroll 并且它正在工作,但我想要更流畅的东西。

任何帮助/示例将不胜感激!

【问题讨论】:

  • 你能否添加一个最小的例子来说明你已经走了多远(也许创建一个 jsfiddle)来展示你到目前为止所做的事情,拜托。如果没有您问题的具体细节,很难为您提供帮助。

标签: angularjs scroll jsfiddle duration


【解决方案1】:

如果您已按照上述步骤进行操作,现在只需将指令附加到元素即可:

<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/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-01-29
    • 2015-03-17
    • 2019-11-18
    • 1970-01-01
    • 1970-01-01
    • 2017-12-24
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多