「TOPに戻る」ボタンをエレベーター風に実装できるJSライブラリ「Elevator.js」!

2015/12/12

こんにちは。
今回は「TOPに戻る」ボタンをエレベーター風に実装できるJSライブラリ「Elevator.js」!です。

「TOPに戻る」ボタンをエレベーター風に実装できるおもしろいJSライブラリを見つけたので紹介します。
DEMOは分かりずらいですが、一番下までスクロールして「Back to Top 」のボタンをクリックしてみてください。
*音が出ますので注意ください。

「TOPに戻る」ボタンをエレベーター風に実装できるJSライブラリ「Elevator.js」!

Elevator.js

elevator-js

 

「Elevator.js」をダウンロードしてみよう!

https://github.com/tholman/elevator.jsにアクセスして右にある「Download ZIP」のボタンをクリックしてダウンロードします。

 

「Elevator.js」の使い方

先ほどダウンロードした「elevator.min.js」を/bodyの手前に読み込みます。

 

その下に下記のスクリプトを記述します。

 

html部分を記述します。

 

プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート
プラグインを使わないスキルを身につけたい人のためのjQueryテクニカルノート

 

いかがでしたか。大変遊び心あっていいですね。
以上で「TOPに戻る」ボタンをエレベーター風に実装できるJSライブラリ「Elevator.js」!でした。

Related Post

topへ戻る