ブログとか縦に長いサイトだとよくスクロールしていくとフワッと「ページトップへ」というボタンが現れたりします。まぁWordpressでは、プラグインも多々あると思いますが、 自作してしまったほうが、楽だったりするのでそれをメモ。 何がしたいのか とりあえずは、ページをスクロールしていったら画面の右下にふわっとボタンが表示されてボタンをクリックするとトップにスクロールのアニメーションをやってみたいと思います。 まぁこの手のネタはごろごろしてるので、コード自体は同じだったりしますが、下記がサンプルです 画面の右下に表示させる html html側でとりあえずフッターあたりでも構わないですが、記述します。 CSS 画面の右下に表示させるために絶対配置にして、装飾は角丸のグレーにでもしておきます。 #page-top { position: fixed; bottom: 40px; right:5p
![【jQuery】TOPへ戻るボタンでスクロールさせる!! - Web.fla](https://cdn-ak-scissors.b.st-hatena.com/image/square/61577172342578718b4261ac349cac289fe3d991/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fthe-zombis.sakura.ne.jp%2Fwp%2Fwp-content%2Fuploads%2F2019%2F08%2Fimg_jquery.jpg)