Home > ページ内リンク


ページの中央にリンクする方法

HTMLのアンカータグ(タグ)を使用します。まず、リンク先の位置になる要素にid属性を追加します。例えば、リンク先がページ内の中央にある要素であれば、その要素にid属性を設定します。例えば、以下のようになります。>>More


JavaScriptを使用してページ内の要素にスクロールする方法

ナビゲーションリンクをクリックしたときにスクロールする:<a href="#element-id" onclick="scrollToElement(event)">要素にスクロール</a> function scrollToElement(event) { event.preventDefault(); const targetElement = document.querySelector(event.target.getAttribute('href')); window.scrollTo({ top: targetElement.offsetTop,>>More