絕對元素強制內容滾動到頂部

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>