Question

早上好/下午/晚上，

我有一个网页，其中包含导航部分中的一些锚链接。每个锚链接都意味着转到页面的某个部分。它们的格式与此相同：

<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>

大多数链接按预期工作，但有一个链接格式与其他链接相同，但链接转到页面的错误部分。有没有人对为什么会发生这种情况有任何想法？

以下是相关代码：

<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 - 锚点链接平滑滚动不滚动到正确的部分

1 个答案: