jQueryでページトップへ戻るボタンに動きをつけよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作どうもです、フロントエンドエンジニアのはやちです( ˘ω˘)✌ ここ最近新しいゲームにピンと来ず、PS3のアーカイブスからFF8をDLしてプレイしております。スコール尊いです( ˘ω˘)✌ どうでもいいですね✌(´ʘ‿ʘ｀)✌ 今回はjQueryメソッドanimateとjQuery.Deferredを駆使して、動きのある「トップへ戻る」ボタンを作ってみました。 こちらの実装方法をご紹介します( ˘ω˘)☝ HTMLとCSSの準備 HTML HTMLはこんな感じでございます。通常の状態の#buttonと、変化させた時に表示させる#button_linkを用意しました( ˘ω˘)☝ <footer id="footer"> <a href="#wrapper" id="page_link"> <span id="button"><i></i></span> <span id="button_c
