问题标签 [anchor-scroll]

情况：对于每个锚链接，我希望平滑滚动到锚链接。接下来，我想为特定的锚链接设置偏移量（例如，只有导航的链接，但没有网站上的锚链接）。最后我想添加媒体查询..所以偏移位置应该只适用于定义的浏览器尺寸（例如“最大宽度：767px”）。

第一个问题：我的平滑滚动只有在禁用其他功能（偏移定位）时才有效。两者一起不起作用。有什么帮助吗？ 第二个问题：我不知道如何仅将“偏移定位”减少为“导航”锚链接。

我通过搜索here和其他网站获得了代码，我没有自己编写。我想尽快学习 javascript 和 jquery 的基础知识。但是现在能得到你们所有人的帮助会很棒。十分感谢！

鲍里斯

我正在使用平滑滚动片段。我有一个固定的标题，并希望锚部分停止在我的标题下。我将如何编辑此代码以使它们在页面顶部以下大约 100 像素处停止？

我只需要这些部分在页面顶部下方停止 100 像素。我对 jquery 很陌生，所以请坦白我缺乏知识。谢谢

我有以下代码

和 html 看起来像

但滚动总是到页面顶部。我做错了什么？

我在使用 $anchorScroll 滚动到元素时遇到了一些问题，你能帮帮我吗？

这是我的来源：

父控制器：

儿童控制器：

索引.html

我收到的结果：

我不知道，为什么儿童控制器调用了 2 次？

请帮帮我！

谢谢！

我正在开发一个提交表单并从服务器获取结果的应用程序，然后是 HTML 表格视图。我的输入表单有点大，覆盖了整个屏幕。当表格出现时，我想在表格视图中自动向下滚动。我使用了来自 angularJs 的 $anchorScroll。但我无法达到我想要的结果。我还使用了 $timeout 来确保表是否已经存在，然后执行 $anchorScroll，但仍然没有成功。（基于此解决方案：使用 $location 和 $anchorScroll 将表格行滚动到视图中

听到是我的代码。

HTML

控制器

我不知道为什么它不起作用？

我需要在我的 CSS 中定义 id scrollArea 和 resultTable 吗？

任何帮助，将不胜感激。提前致谢。

更新

基于 Okazari 的解决方案，我尝试在我的 HTML 的最底部放置一个带有许多 br 标签的另一个 div。现在，当我刷新页面时，它会自动滚动到该 div 标签，而无需单击“开始”。这有点奇怪。我也试图覆盖

带有另一个 id = "resultTable" 的 div 标签的标签。但它仍然没有工作。

我的 angularJS Webapp 有两个主要问题。

1. 我希望当路线改变（或页面正在改变）时浏览器滚动到顶部 - 目前它正在记住位置 - 这有点烦人。

2. 我有一个单页，子页面上有 3 个不同的选项卡。我可以使用 ng-click 功能和平滑滚动（锚点）浏览它们

我的问题是，我想让这个锚标签显示在 url 中，例如：about/section1 about/section2 about/section3

目前都停留在“约”

这是我的设置：

非常感谢你的帮助！

（再次： 1. 滚动到顶部 2. 子锚不会出现在 url 标签中

示例.html

示例.js

我已经将哈希参数设置为 Session。前任）。#1234

我预计 $anchorScroll() 会起作用，并且 html 中的锚链接会被触发，但它失败了。

因为我认为这个失败可能发生在 html 中每个 'td' 的 'id' 属性在 $anchorScroll 被触发之前没有正确设置，我想得到关于每个 id 属性集完成的事件，然后使 $anchorScroll 发生。

有谁知道如何获得完成 html 属性设置的事件？还是有其他原因导致锚滚动在上面的 html 中不起作用？

提前致谢。

我在我的 ionic 应用程序中使用 $anchorscroll，在 Android 上它工作正常，但在 iOS 上，我的内容在滚动后卡住了，我不能再向上滚动了。

我尝试使用溢出滚动=“真”，但这在我的应用程序中也不起作用...

有人可以帮我解决这个问题吗？

我有一个应用程序，ng-show一旦单击按钮，它就会显示 JSON 文件中的数据 ()。

我遇到的问题是anchorScroll，一旦按钮被点击两次，它只会滚动到锚点。我需要它在第一次点击时工作。

这里是魔法应该发生的地方，但没有

这是我所知道的：

• 第一次单击：最初我的 URL 以 as 开头url/#/，然后在单击按钮时 #resultsAnchor附加，所以我的 URL 现在是url/#/#resultsAnchor。我的ng-show div数据将出现一个实例然后消失。由于数据不存在，因此不会发生 anchorScroll。
• 现在我的 URL 设置为url/#/#resultsAnchor，第二次点击ng-show div 出现，页面滚动到数据。

一键阻止这种情况发生的原因是什么？

注意：我添加了 $timeout 功能，否则需要点击三下。点击 1 - 锚点附加到 url，点击 2 - 出现数据，点击 3 - 页面滚动。

这是我的导航栏按钮的 HTML

所以当我点击投资组合按钮时，它应该跳转到投资组合部分：这个

但它会跳转/滚动到本节

非常感谢任何帮助，我的代码在 GitHub 上，你可以在这里看到它https://github.com/Ashpanr/Personal-Website-v1/ 在此先感谢