アンカー(anchor)リンクでページ内でスクロールするようにリンクを作成した場合、リンクをクリックしたときにスムーズにスクロールされるようにするには、次のようなjQueryのスクリプトを使用することができます。
$('a').click(function(){ $('html, body').animate({ scrollTop: $( $.attr(this, 'href') ).offset().top }, 500); return false; }); // Source: stackoverflow
特定の要素(element)に限定するには、$( 'a')の部分に対応する要素を追加します。 上記のコードをそのまま使用したとき、いくつかのjsのコードとの衝突が起こるか、いくつかのリンクが正常に動作しなく要素を特定して使用してみるとうまく動作しますね。
上記のコードがうまくいかないと、次のようなjQueryのスクリプトも可能です。
$('a[href*=#]').on('click', function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500); });
参考までに WordPressでjQueryを使用するには、 エンキューを介してjsファイルをフックしなければなり、$の代わりにjQueryを使用します。
WordPressをしながら難しかった点を、ここで多くを学ん行きますね! 良い内容もよく読んでいます! ありがとうございます????
コメントありがとうございます。 楽しい一日を^^