jQuery スクロールでふわっと出てきてフッターで止まる追従ボタン

「トップへ戻る」ボタンなど、ページ開いたときは出てないけど、ちょっとスクロールすると出てきてスクロールとともに追従し、フッター手前とかでピタッと止まる、そんなボタン。

割とよく実装する割に面倒なので、すぐ使えるようメモ。




実装

#goTopは#footerの中に入れておき、#footerはposition:relative;にしておく

例↓

現場からは以上です。

イチオシ!書籍

シェアしてくだちい

フォローしてくだちい