自動でスムーススクロール

サイトの効果で、アクセス時に指定の時間で

ページ内で指定の場所へスクロールしたいということがありました。

ページ内に飛ばすだけであればAタグname指定でアクセスするように設定すれば簡単ですが

それをスムーススクロールでスムーズに表現したかったので別の方法を取りました。

便利なsmoothscrollというjavascriptがありますね。このjsを読み込んでおけば

ページ内リンクが自動でスムーススクロールになるので

てっきり、それを併用で解決かと思いきや、あくまで「ページ内でクリック」が

発動条件のようで今回は使えず。。

解決策としては

以下jqueryのanimateを利用して

でできるようです。

上記であれば

「ページを読み込んだ5秒後にsampleという指定場所にゆっくりスクロールする」

表現となります。

animateはいろいろ面白いことが出来そうなので

今後もいろいろいじっていきたいと思います。

コメントを残す