HTML

Question

好Morning/Afternoon/Evening,

我有一个网页的导航部分包含一些锚点 link。每个锚点 link 都意味着转到页面的特定部分。它们以与此相同的一般格式列出：

<a href="#section1">Section 1</a>
<a href="#section2">Section 2</a>
<a href="#section3">Section 3</a>

<!-- Further down the page... -->

<p id="section1"></p>
<p id="section2"></p>
<p id="section3"></p>

大多数 link 都按预期工作，但有一个 link 的格式与其他 link 相同，但 link 转到了页面的错误部分.有人知道为什么会发生这种情况吗？

相关代码如下：

<div style="z-index: 1000; line-height: 32px;" class="dots">
....
    <a href="#translation" class="lineDot" id="d3"><p id="d3text" class="lineText" style="display: inline;">Translation</p><i class="dot fas fa-circle"></i></a>
....
</div>

<p id="translation"></p>

Answer 1

如果该部分的 css 位置定义为绝对位置，或者在它之前有一个 div 位置绝对或固定，这可能是您的问题，因为 javascript 没有考虑这些元素的高度或者，如果您有一个未清除的浮点数，这也可能是问题所在

HTML - 锚链接平滑滚动不滚动到正确的部分

HTML - Anchor Links Smooth Scrolling not scrolling to correct section

javascript

jquery

anchor

smooth-scrolling