html - 绝对元素强制内容滚动到顶部

Question

我在我的页面上使用了一个纯 CSS 响应式菜单。它基本上使用带有标签的复选框来打开和关闭菜单。

但我注意到当页面内容滚动并单击时，它又回到了顶部。是否有任何仅 css 的解决方案？!

我将本教程用作引用 https://www.sitepoint.com/pure-css-off-screen-navigation-menu/

Answer 1

这是由于 a 引起的标签。

点击<a href="#"><a>时浏览器重新加载页面，这就是它跳到顶部的原因。

更改 <a>至 <span>并且您的问题应该得到解决。

当然，您可能需要更改一些 css 以获得正确的样式:

<ul class="navigation">
    <!-- Change this to <span> instead of <a> -->
    <li class="nav-item"><span>Home</span></li>
    ...
</ul>