スマホ向けホームページ制作においての右上メニュー操作について質問

Question

現在
https://freehtml5.co/preview/?item=charity-free-website-template-using-bootstrap-for-non-profit-websites
のテンプレートを用いて作成中です。

スマホ向けの操作確認で、ある程度下にスクロールをして、右上のメニューを押しますと
強制的にページの上部に移動してしまいます。

これを上部に移動させないようにするにはどの部分を修正したら良いでしょうか。

●自身でやったこと
・z-indexのチェック
メニューボタンを押して右からスライドで出てくるz-indexの高さを操作
→これではだめ

・bodyにbackground-attachment: fixed;など入れてみる
→うまく行かず。

ものすごい上級者とかでもありませんから、結構いろいろ見逃していることも多いかもしれません。
ご指南いただけますと幸いです。

Comments

[m.ts10806]

実際のコードをご提示ください。

[m.ts10806]

また、URLはマークダウンの機能を利用してリンクにしてもらえればと

[rcftdbeu]

コードがないので推測ですが，メニューボタンに設定されているであろうaタグにhref="#"が記載されていないでしょうか．

Answer 1

エスパー回答

たぶん<a href="#"...のようになっているからだと思うので下記のいずれかで対応されてはと思います。
0. リンク先を入れる
0. JavaScriptで指定箇所のクリックイベントを拾ってe.preventDefault()
0. とりあえず<a href="#!"...としておく（とりあえずなのであまり勧めません）