左右に2分割した画面を上下逆にスライドさせるjQueryプラグイン「multiScroll.js」!

2016/07/20

こんにちは。
今回は左右に2分割した画面を上下逆にスライドさせるjQueryプラグイン「multiScroll.js」!です。

画面を半分に分割して、上下逆方向にスクロールさせる事ができるjQueryプラグインを紹介します。

左右に2分割した画面を上下逆にスライドさせるjQueryプラグイン「multiScroll.js」!

multiScroll.js

multiscroll-js

 

jQueryプラグイン「multiScroll.js」をダウンロードしてみよう!

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

 

jQueryプラグイン「multiScroll.js」を設置してみよう!

jquery.multiscroll.cssをhead内に読み込みます。

 

jQuery本体とjquery.easings.min.jsとjquery.multiscroll.jsを/bodyの手前に読み込みます。

 

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

 

html部分を記述します。
先程指定した「multiscroll」というidを付けますよ。

 

jQueryプラグイン徹底活用 プロのデザインアイデアとテクニック
jQueryプラグイン徹底活用 プロのデザインアイデアとテクニック

 

いかがでしたか。迫力あるコンテンツの切り替えができますね。
以上で左右に2分割した画面を上下逆にスライドさせるjQueryプラグイン「multiScroll.js」!でした。

topへ戻る