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

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>