问题标签 [anchor-scroll]

我为我的大学开始了一个新项目，但我的代码有问题。

当我使用 Smooth Scroll 转到另一个锚点时，#name_of_the_anchor 链接出现在状态栏上。

平滑滚动仅在我使用“a href”时才有效，因此状态栏将显示每个 div 的链接。

Javascript：

如何更改此代码以不在状态栏上显示链接，但在我的网站上保持平滑滚动？感谢你们！

我有一个页面，该页面中的部分带有粘性导航。粘性导航和内联锚点工作正常，但如果我直接进入页面并检查window.location.hash，我遇到了问题，offset().top计算不正确。这是因为我的一个部分有一系列浮动 div（以形成网格），并且计算是在浮动发生之前查看 div 高度（堆叠）。一种解决方法.. 我讨厌这个选项是等待 2 秒然后执行scrollTo().

有没有办法在浮动执行后立即进行此计算？我试过了$(window).load()，行为是断断续续的。我也觉得我setTimeout()会根据加载速度等不正确。

或者有没有办法在不计算偏移量的情况下滚动到直接去div#id？

这就是我现在管理它的方式：

谢谢！

我尝试在 index.page 上将 angularjs 与 fullpage.js 结合起来。此外，仍然有一些页面只是通过路由正常呈现。

这是我在 app.js 中的路线

但是，当我滚动索引处的部分时，每个都调用我的第一个路由规则，然后呈现索引页面，尽管该部分已正确滚动到。

此外，将 html5Mode 设置为 true 时，带有哈希标记的路由规则似乎不起作用，我的 urls 变成了http://xxx/%23products，如何解决这个问题？

谢谢。

当单击按钮或链接组件时，vaadin 是否有办法滚动或跳转到Label视图（例如 a ）内的某个点（例如 a ）？Panel类似于网站上的锚点功能？

我正在使用 Vaadin 7.5.9

编辑： 我有一个HorizontalSplitPanel. 它的第一个组件是用户可以进行选择的项目列表。HorizontalSplitPanel被选中的项目是打开的第二个组件。第二个组件由VerticalLayout包含标题和菜单的 a 和一个Panel. 如果菜单中有选择，Panel则应滚动到所引用的条目。

我在 Magento 上有一个粘性菜单，当用户向下滚动页面时，它会粘在页面顶部。问题是 Magento 在单页结帐过程中有锚点，并且锚点位于粘性菜单后面，因此您会丢失标题和顶部表单字段标签等。

如果可能，我需要在锚点的顶部添加填充/边距或在 JS 中偏移它们。

我可以添加 JS 代码，但它很长，标准 Magento 1.9.2.2 代码，可以在这里找到 skin/frontend/base/default/js/opcheckout.js

演示站点在这里，如果您选择以访客身份结帐并继续，您将在桌面上看到问题http://orbdemo.co.nz/cufflinks/checkout/onepage/

尝试了几个 css 的东西，但没有任何效果，也在网上看了一个小时，看不到任何帮助。谢谢你的时间 ：）

当我使用

在我的控制器中转到我页面中的特定点；我的页面顶部滚动卡住了，底部滚动太长了。如果有任何修复，请发布。

所以基本上，由于我已经在 stackoverflow 上找到了一个解决方案，我已经在 5 秒后创建了一个平滑滚动到锚点。

我似乎无法补充的一点是，如果用户在 5 秒内尚未滚动，则仅使用此触发器，因为这可能是一种令人讨厌的体验。

我尝试过尝试以各种不同的方式添加 .scrollTo() 并在另一个函数中包装整个事物，但除了对 Javascript 的基本理解和调整之外，我真的没有太多知识。

任何帮助将不胜感激。

回答：

非常感谢@ByteHamster。

此代码将在 5000 毫秒后将用户平滑滚动到 ID 标签，但如果用户已经开始滚动则不会触发：

我知道在 SF 上已经有关于平滑滚动的问题，但我找不到我想要的。已经使用了改进的平滑滚动脚本，但这是我想要实现的网站http://michaelacevedo.com上的脚本。当您单击一个链接时，它会开始非常缓慢，然后快速动画将您带到所需的部分。它与其他平滑卷轴确实不同。任何人都可以帮助实现这种效果并解释代码在做什么。谢谢

这可能有点多余，但我查看了 stackoverflow 上处理 anchorScroll 中的 YOffset 的一些项目，并且我已经复制了 plunker，但我的应用程序仍然无法正常工作。我的应用程序中有许多控制器（此时大约有 15 个），它的设置如下：

...

现在，无论我在“运行”方法中将 yOffset 设置为什么，可能是 5000、50、10000 等，它对实际滚动绝对没有影响......我在这里做错了什么明显的事情吗？

谢谢！！-J

我在顶部有一个导航栏。当页面加载时，它是“相对的”。如果我滚动。它更改为“固定”。页面上的锚点存在问题。当页面加载并且我位于页面顶部时，单击指向锚点的链接会将我滚动到部分并且其中的一部分被隐藏。当我单击该位置的相同链接时，它会滚动到正确的部分顶部。

我能做些什么来解决这个问题？

的HTML

javascript

和

UPD：以这种方式解决