サンプルページ

アルファシス

jQueryでウィンドウのスクロールに対応してTOPへをスライドアニメーション表示する方法

解説記事のサンプルページ。

このページを半分ほど縦スクロールすると、「TOPへ」ボタンが、上へのスライドアニメーションでウィンドウの右下に現れる。

「TOPへ」ボタンをクリックすると、ページのトップへスクロールして戻り、「TOPへ」ボタンは、下へのスライドアニメーションで消える。

TOPへ