スムーズにトップにスクロールする

求人

jQueryを使用してスムーズにスクロールします。

以下ソース例です。

aタグのリンクが#topのアンカーをクリックした場合スクリプトが実行されます。

targetにはhrefが#topならhtml、それ以外ならhrefが代入されます。

positionはページの先頭です。

あとはanimateでページトップにスイングしています。800としていますが、小さくすると早くスムーズされます。

リンクを二つ設置していますが、#topの場合スクロールされますが、#toppの場合はhref属性になるため単なるアンカーの動きをします。この場合#toppなのでなのも起こりません。

DEMO

株式会社CONFRAGE

関西で140-170/80~120万から受け付けております^^
得意技はJS(ES6),Java,AWSの大体のリソースです
Python3.6,Djangoを勉強中です,Javaは少し飽きてしまってます–;
コメントはやさしくお願いいたします^^
座右の銘は、「狭き門より入れ」「願わくは、我に七難八苦を与えたまえ」です^^

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

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA