Google chrome Squarespace网站上的Chrome/Opera锚定链接问题

问题

现有Squarespace网站上的锚链接已停止工作：

该网页在Firefox和IE中都能正常工作，但在Chrome（v61.0.3163.100）或Opera（v48.0.2685.35）中，导航链接在更新到最新版本后无法工作。在Chrome或Opera中，链接会闪烁指定的目的地，但不会跳转到该位置

我尝试过的

Squarespace组织站点中的每个内容部分大致如下：

<div class="parallax-item" data-url-id="contact" id="yui_123456789">
    <div class="title-desc-wrapper over-image no-main-image">
        <div class="title-desc-inner" data-collection-id="3456789012">
            <div class="page-title-wrapper" id="yui_234567890">
                <h1 class="page-title">Contact</h1>
            </div>
        </div>
    </div>
    <div class="content">
    </div>
</div>

接触

这是一个Squarespace站点，这一事实使问题复杂化。锚的目标（例如/#contact）不是具有唯一id的div，而是一个html属性“data url id=“contact””。div id是自动生成的唯一标识符（这些标识符以“yui_”开头）

如果我在Squarespace中手动插入一个代码块并添加一个“

”链接将在Chrome中正确触发，并将跳转（无动画）到该点。不幸的是，我无法使用Squarespace工具将该div插入页面的正确位置或添加动画

如果我尝试使用jQuery将相同的“

”附加到页面的适当位置（直接在父div内部），锚链接将不起作用，这让我相信存在一些Squarespace javascript运行干扰

---

感谢您的帮助

@我现在明白你的意思了，好吧，我只是做了一个快速测试，jQuery append div按预期工作-锚定没有任何动画-但是你现在正在附加它们的多个实例，所以它不知道指向哪里

---

我建议在每个部分

.title desc wrapper

中添加一个id，然后包含要制作动画的片段。相对较小的添加会让你一直坚持到bug被修复为止。

@我现在明白你的意思了，好吧，我只是做了一个快速测试，jQuery append div按预期工作-锚定没有任何动画-但是你现在正在添加多个实例，所以它不知道指向哪里

---

我建议在每个部分

.title desc wrapper

中添加一个id，然后包含要制作动画的片段。相对较小的添加，在修复错误之前，这些添加会一直困扰您。

您联系过Squarespace支持人员吗？@jfox他们不会碰它，因为我启用了开发人员工具。他们可能会重现这个问题，但表示这些浏览器版本太新，他们还无法找出所有的bug。你联系过Squarespace支持人员吗？@jfox他们不会碰它，因为我启用了开发人员工具。他们可能会重现这个问题，但表示这些浏览器版本太新，他们还无法找出所有的bug。谢谢你的建议-我会试试。谢谢你的建议-我会试试。