问题标签 [anchor-scroll]

Reading the AngularJS docs I haven't figured out if $anchorScroll can have a duration/easing option to smooth scroll to elements.

It only says:

I do not use jquery and don't want to; is there still a clever yet simple way to make or extend $anchorScroll in order to make scrolling more smooth?

我有一个包含在指令中的水平滚动 div，指令放置在视图中。在向我的可滚动 div 添加元素后，我希望始终滚动到 div 的末尾。我试图通过在要滚动到的元素上放置一个 id 并设置 $location.hash('myElementId') 来做到这一点。然后我调用 $scrollToAnchor()。

我看到两个问题。首先，我根本无法完成这项工作，我想知道 $scrollToAnchor() 是否适用于水平滚动区域。其次，调用 $scrollToAnchor() 似乎会触发我的视图的 controller() 函数以及视图中包含的任何指令的所有 controller() 函数再次运行，从而有效地导致视图上的所有内容重绘，这不是我的意图。

有没有办法只为特定的可滚动 div 发生滚动？$scrollToAnchor() 是否会按设计导致“刷新”视图？

谢谢

我制作了许多锚名称以在单个页面的不同部分进行重定向。请在此处查看http://astrologyvaastu.com/numerology2如果您单击任何数字，它会将您移至同一页面的描述中。

我这里有一个粘性导航栏。这造成了问题，因为单击任何数字时它都会移动到该部分，但该描述的某些部分隐藏在导航栏后面。

我正在使用此代码

谁能告诉我该怎么做才能在导航栏下方停止此描述？

我今天发现了这段小代码，它应该能够完全按照我的意愿去做：首先它检查点击的链接锚点是否在当前站点上，如果不是，它将加载所需的站点，然后滚动到锚点。不幸的是这部分：

似乎不起作用。你们知道为什么这不起作用吗？我的链接结构如下所示：

这是完整的功能。提前致谢！

我需要在页面重新加载时滚动到特定的锚标记。我尝试使用 $anchorScroll 但它评估 $location.hash()，这不是我需要的。

我根据 $anchorScrollProvider 的源代码编写了一个自定义提供程序。在其中，它向 rootScope 的 $watch 列表添加一个值，并在更改时调用 $evalAsync。

提供者：

现在，当我尝试在控制器中调用滚动提供程序时，我必须在调用 scroll() 之前使用 $scope.$apply() 强制执行摘要：

控制器：

为什么我必须调用 $scope.$apply()？为什么在当前范围内调用时，滚动函数不在 Angular 上下文中进行评估？谢谢您的帮助！

我正在制作一个单页可滚动网站，并将我的链接设置为页面上的锚点。一切正常，除了锚点将默认显示在页面顶部并被固定导航栏（73px 高度）覆盖。有没有办法将显示位置设置为从顶部向下 73px？所有元素都已经有了它们的位置、填充、边距等：-/

这是网站http://www.drawlight.net/wordpress/?page_id=1784

我真的很感激帮助！

朱莉安娜。

在我的 Web 应用程序中，我让用户使用箭头键来上下一个大列表，使用以下命令设置ng-repeat：

当前<li>获得课程亮点。我还想将页面滚动到他们当前的选择，因为每个<li>都很大，并且页面一次只能显示大约 3 个。我知道我可以通过文档$location使用并$anchorScroll滚动到一个 id，但我不知道如何滚动到一个类，或者使用某种类似于 ng-class 的东西（一次只会突出显示一个元素） .ng-id

如果有人能给我一些建议，那就太好了。谢谢！

我在我的网络应用程序中有许多我介绍过的区域$anchorScroll();

实际的功能工作已经预料到，在点击链接时，用户被移动到相应的部分，但是，移动是“跳转”到该部分，而不是平滑滚动。

这是我创建的一个简单的小提琴：http: //jsfiddle.net/oampz/ZRLKC/

我的js：

我正在尝试实现此处的效果（不使用 jquery 或其他库）：http ://www.surrealcms.com/blog/smoothly-scroll-to-an-element-without-a-jquery-plugin

我正在使用一些 jQuery 来执行以下操作：

从第 1 页，链接到第 2 页上的锚点 - 但首先加载页面，然后滚动到锚点。

我的链接就像这个 domain.com/page2.html#anchor-name

锚是这样的：

以上仅适用于 1 个锚点。

我是否编辑了上面的 jQuery，以便我可以在第 2 页上有多个锚点和指向它们的链接。

IE

我正在尝试将 AngularJS$anchorScroll与$location.hash. 但是，当我设置哈希时，AngularJS 在它之后添加了一个正斜杠 /。

例如，网址是：http://localhost:13060/Dashboard。当我不包含 AngularJS 库时，我可以单击链接，#contact然后转到http://localhost:13060/Dashboard#contact.

但是当我包含 AngularJS 并单击链接时，它会http://localhost:13060/Dashboard#/contact阻止 $anchorScroll 工作。

编辑 $anchorScroll 不起作用

起始 URL 是http://localhost:13060/Category. 当我添加一个类别时，它应该转到http://localhost:13060/Category#/#id（其中 id 是新 id）并向下滚动页面到它。URL 正在正确更新，但 $anchorScroll 没有滚动。