ベージ外アンカーリンクでnavの高さ分ずらす、オンマウスの処理が連続してしまう対処方法

Question

###前提・実現したいこと
js初心者の者です。
ベージ外アンカーリンクで別ページに移動したらnavの高さ分ずらす方法と、
マウスが乗ったときの処理を記述したのですが、マウスを左右に何回も動かすと連続してonMouseの処理が動いていしまうのを防ぐ方法を教えてほしいです・・・
よろしくお願いします。

###発生している問題・エラーメッセージ

###該当のソースコード

###試したこと

###補足情報(言語/FW/ツール等のバージョンなど)
js jquery

Comments

[kei344]

書かれている状況が再現するコード（HTML/CSS/jsなど）か、再現するURLを提示されたほうが回答を得やすいと思います。

[Lhankor_Mhy]

補足願います。『マウスを左右に何回も動かすと連続してonMouseの処理が動いていしまうのを防ぐ』とありますが、具体的にはどのような動作にしたいのでしょうか？　マウスを縦に移動させた時のみマウスオーバーの動作をさせる、とかですか？

Answer 1

nav要素の高さ分スクロールさせるのは、以下のようにjQueryを使って実現できます。

$("html, body").css({scrollTop: $("nav").height()});

onmouseoverイベントを一度だけ実行したいということであれば、例えば.on()でバインドしているものを.one()に書き換えることで、希望の動作になると思います。

$("#foo").one("mouseover", function(){
    alert("このアラートは一度しか表示されません。");
});