问题标签 [anchor-scroll]

我使用一个非常标准的滚动顶部片段来运行到我的某些页面上的某些部分，但我还有一些使用锚的其他功能（例如音频播放器的播放按钮、共享链接、滑块箭头）

有没有办法改进片段处理锚点的方式？也许与特殊课程或其他什么的链接？

我正在使用 React 制作单个滚动页面，并希望导航到页面的特定部分。在 HTML 中，我们使用 href 和锚标记来实现这种交互。

我找到了一个名为 react-scroll 的 React 库，但我不知道如何通过 NavBar 组件中的链接链接不同文件夹中的每个组件。我的 NavBar 有多个链接用于滚动到部分/组件。任何帮助将不胜感激！

这是添加所有组件的主页组件

“价格”锚链接似乎在 Safari 和 Firefox 中有效，只是在 Chrome 中无效。

有问题的实时页面：https ://www.effortlessmobileauto.com/servicesPhoenix/servicesPhoenix.html#contact

点击移动设备上的“服务”和“价格”链接后，页面需要自动滚动到#contact div。Anchor 应该将您带到联系信息开始的位置。您会注意到这非常适用于“服务”页面，但无论我在“价格”页面上锚定什么，页面总是部分通过主导航而不是在#contact 加载。

有谁知道这里发生了什么？我已经搜索了两个页面的代码，但找不到导致这种情况发生的原因。如果您有任何问题或需要更多信息，请告诉我。

我一直在寻找适用于 IE、Firefox、Safari 和 Edge 的 javascript 问题的解决方案。但是当我想在 Chrome 上使用它时，它不起作用。

我已经尝试了几个我在这里找到的解决方案，关于锚滚动，但没有一个工作，也许有人可以找到解决方案？这是我一直在使用的锚的代码。

这就是锚应该去的地方

如果您需要查看它的实际效果，这是我的测试：

我在我的页面中创建了 2 个锚点默认情况下，每当单击锚链接时，它都会直接跳转到请求的部分

启用平滑滚动的一种简单方法是将其添加到 CSS 文件中，但它会影响整个 html 页面，我不希望这样

我希望这个平滑的 Scrolling 属性仅适用于我页面中的单个锚点（让我们说本示例的第 1 节锚点），而不是普遍适用于每个锚点

Html 代码包含在下面的片段中

我目前正在构建一个 Squarespace 网站，我想添加带有锚链接的滚动动画。

目前，单击锚链接将立即捕捉到页面的该部分。但是，一旦我刷新，它就会开始工作。这似乎只是 Chrome 上的一个问题，我不太确定如何解决它，但我非常怀疑任何访问我的页面的人都会费心刷新它。

我目前使用的代码应该可以同时用于页面上的所有锚链接。

将不胜感激我能得到的任何帮助。这是代码：

第一次在这里发帖，我会尽量让自己超级清楚。我在 rails 应用程序上使用 FullpageJS 库（https://github.com/alvarotrigo/fullPage.js/），但我不知道如何在（同一页面的）部分之间导航。我在互联网上查找了一些教程和主题，但是当我尝试这些解决方案时，同样的问题，我的网站实际上冻结了。

我正在使用 vanilla JS 来使库正常工作，直到现在一切正常。

我应该准确地说，当我输入像 www.mysite.com/#contact 这样的网址时，动画效果很好。当我单击链接时会出现问题。

非常感谢 ：）

这是我的代码：

强文本

我有一个指向动态添加内容到 div 的页面的链接。我想要实现的是防止默认浏览器在页面加载时滚动到锚点。在网络上搜索并尝试了各种解决方案后，我最终从这个堆栈溢出问题中复制了以下内容：

page1.html

page2.html

这适用于 Chrome，但不适用于 Firefox。在 FF 上，窗口滚动到 hash 中定义的元素，但是当再次将 id 属性添加到元素时，FF 滚动到该点（不包括标题高度）。任何想法为什么这不起作用？

我试图在触发数据切换折叠的同时锚定到一个 ID：

用于锚定到这一点

并折叠这个

折叠部分有效，但页面不会向下滚动到锚点。我可以想象使用两个 ID 存在问题。是否有一个简单的解决方案可以使该功能正常工作？期待您的输入。

亲切的问候
路易斯

有没有办法

有reach-router，但有一个偏移量，比如说，-16px？我找不到任何关于它的东西。