如何在 AngularJS 中设置和使用 $anchorScroll 的 yOffset 属性答案

【问题标题】：How to setup and use the yOffset property of $anchorScroll in AngularJS如何在 AngularJS 中设置和使用 $anchorScroll 的 yOffset 属性
【发布时间】：2015-03-27 04:53:48
【问题描述】：

我在 AngularJS 中使用 $anchorScroll-service。它工作正常。但我在顶部有一个固定的导航栏，滚动位置总是 x 像素远。

现在在$anchorScroll documentation 中有一个名为yOffset 的属性。根据文档，它应该可以解决我的问题。

我不知道如何使用这个 yOffset-property，因为这个特定的部分没有例子。

如何使用$anchorScroll-service 的yOffset-属性？

【问题讨论】：

标签： angularjs anchor-scroll

【解决方案1】：

$anchorScroll documentation 底部有一个示例说明如何使用yOffset。

// offset position by 100px down from the top
$anchorScroll.yOffset = 100;

这是plunker的例子

【讨论】：

从来没有向下滚动足够...这个问题有多合适:)
这也可以在 $anchorScroll 上方用于单个集合。
任何人都关注过文档并且这不起作用？我在船上，试图确定我缺少的“明显”组件是什么。似乎没什么可搞砸的，我只是在模块运行上设置了$anchorScroll.yOffset = 100;，然后在控制器中设置了goTo() 函数。更改 $anchorScroll.yOffset 值没有任何效果。
等等，你的意思是你使用一个全局可变属性来设置它，它可以搞砸对 $anchorscroll 的所有其他调用？这在哪个世界是个好主意？
我正在使用 material-design-lite - CSS、JS 和 HTML 中的材料设计组件，并试图抵消 mdl-layout__content 中元素的 anchorScroll。偏移量不起作用；看起来不兼容。