コーディング

ページのリロード時に一番上から表示する方法

  • このエントリーをはてなブックマークに追加

ページのリロード時に一番上から表示する方法

皆さん、こんにちは。

制作部の関です。

今回は「ページのリロード時に一番上から表示する方法」についてお話をします。

 

ページ遷移やリロードしたとき、なぜかページの最上部から下にスクロールした位置が表示されてしまう。。。

そんなときはございませんか?

 

少し強引な方法ですが、

その方法は、いたって簡単です。

下記のスクリプトをhtmlのheadタグ内に記述するだけです。

その方法は、<span class=”st-mymarker-s”>いたって簡単</span>です。
<div class=”wp-block-spacer” aria-hidden=”true”></div>
下記のスクリプトをhtmlの<code>head</code>タグ内に記述するだけです。
<pre class=”wp-block-code”><code>&lt;script&gt;
$(function() {
$(‘html,body’).animate({ scrollTop: 0 }, ‘1’);
});
&lt;/script&gt;</code></pre>

これで読み込んだあと強制的にページ最上部に戻ります。

皆さんも良かったらお試しください。

以上、制作部の関でした。

  • このエントリーをはてなブックマークに追加