Question

我在我的网站上使用视差滚动，但它似乎阻止了我的HTML锚点工作。具体来说，如果按顺序单击按钮（从上到下，或从下层到更高层），它们可以正常工作，但是一旦您位于页面底部（最顶层），它就不会返回到前一层。

例外是底层，我使用标准＆＃34;＃＆＃34;。但没有其他人工作。我正在使用通过id链接到特定元素的HTML5标准，而不是折旧的＆＃34;名称＆＃34;标签。

锚：

<a href="#maddie">
    <div id="maddiebutton" class="tooltip">
        <span class="tooltiptext">Maddie</span>
    </div>
</a>

目标：

<div id="maddie"></div>

＆＃34;按钮＆＃34;我指的是锚链接，是页面右侧的彩色圆圈。

按钮代码位于评论＆＃34;字符按钮＆＃34;。

之下

按钮所链接的页面部分（div）按名称注释（例如＆＃34; Elan＆＃34;，＆＃34; Maddie＆＃34;等等）

（编辑：添加了代码，但问题似乎与CSS有关，特别是目标div具有固定的或＆＃34;粘性＆＃34;位置）。

Answer 1

我认为你是对的@zgood。通过搜索“锚点不工作位置粘性”找到此解决方案：

display: block;
position: relative;
top: -1px; /* adjusted to suit my purposes */
visibility: hidden;

就我而言，我刚创建了一个单独的div作为锚点，并使其仅偏移1px。