開始行: * キーワード [#w5589b6c] - JavaScript - hash - ページ内リンク - アニメーション * したいこと [#d26dfef9] ページ内リンクをアニメーションしてスクロールさせたい。簡... * どうやって [#p227acc9] htmlにスクロール先をマーキングして、 <a name="pageTop"></a> クリックでリンクするなら普通にアンカーリンク。 <a href="#pageTop">page top</a> JavaScriptでリンクするならhashの値を変更。 window.location.hash = "" window.location.hash = "pageTop" cssでscroll-behaviorをsmoothにセットしておくとアニメーシ... #scroll-container { scroll-behavior: smooth; } * ちなみに [#c31db27a] JavaScriptでリンクするときに window.location.hash = "" としているのは、JavaScriptで二度続けて同じページ内リンク... * 参考 [#vc00e879] - [[window.location - Web API インターフェイス | MDN>http... - [[scroll-behavior - CSS: カスケーディングスタイルシート... 終了行: * キーワード [#w5589b6c] - JavaScript - hash - ページ内リンク - アニメーション * したいこと [#d26dfef9] ページ内リンクをアニメーションしてスクロールさせたい。簡... * どうやって [#p227acc9] htmlにスクロール先をマーキングして、 <a name="pageTop"></a> クリックでリンクするなら普通にアンカーリンク。 <a href="#pageTop">page top</a> JavaScriptでリンクするならhashの値を変更。 window.location.hash = "" window.location.hash = "pageTop" cssでscroll-behaviorをsmoothにセットしておくとアニメーシ... #scroll-container { scroll-behavior: smooth; } * ちなみに [#c31db27a] JavaScriptでリンクするときに window.location.hash = "" としているのは、JavaScriptで二度続けて同じページ内リンク... * 参考 [#vc00e879] - [[window.location - Web API インターフェイス | MDN>http... - [[scroll-behavior - CSS: カスケーディングスタイルシート... ページ名: