絶対的な要素の力内容上にスクロール

Question

私は自分のページでCSSのみ応答メニューを使用しています。これは基本的にラベルの付いたチェックボックスを使ってメニューを開いたり閉じたりします。

しかし、ページコンテンツがスクロールしてクリックすると、上部に戻ります。それのためのCSSの唯一のソリューションはありますか？

私はこれが原因aタグにより引き起こされ、参照https://www.sitepoint.com/pure-css-off-screen-navigation-menu/

Answer 1

としてこのチュートリアルを使用しています。

をクリックすると、<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>