https://www.simple.com Web サイトをご覧ください。Web ページをスクロールしたときのメニュー (およびサブメニュー) の動作を確認します。
名前や仕組みを知っている人はいますか?これを行うことができる例またはプラグインを見つけようとしています。
ありがとう...
https://www.simple.com Web サイトをご覧ください。Web ページをスクロールしたときのメニュー (およびサブメニュー) の動作を確認します。
名前や仕組みを知っている人はいますか?これを行うことができる例またはプラグインを見つけようとしています。
ありがとう...
それは固定ナビゲーションバーと呼ばれ、ここに素晴らしいチュートリアルがあります
http://www.fuelyourcreativity.com/how-to-create-a-fixed-navigation-bar-for-your-website/
jquery scroll() イベント ハンドラを使用すると非常に簡単です。
次のコードを使用してバインドできます
$(window).scroll(function () {
//your code goes here
}
これは、いくつかの jQuery と共に使用された単純なアンカー タグです。ここに簡単な例があります。
通常どおりリンクを作成します<a href="#blog">Blog</a>
。これにより、ブログ セクションに移動するためのアンカーが作成されます。
要素にクラスを追加して、次のようにします。<a href="#blog" class="scroll">Blog</a>
次に、以下の jQuery コードをページに追加します。
jQuery ライブラリを含めることを忘れないでください。
$(document).ready(function() {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);
});
});
私が探しているものに対する回答がなく、今から 2 年後に未回答の投稿を残す必要がないため、質問を削除することにしました。