scroll meを使用したスクロールエフェクトのデモページ2

解説

jQueryプラグイン「scroll me」の挙動確認用のデモページです。
「data-translatex」の数値を正の値で記述すると、対象は左から右へスクロールします。

挙動を分かりやすくするため、スクロールの開始を遅らせています

HTML

<div class="scrollme">
　<div class="animateme" data-translatex="386" data-from="0.2" data-to="1" data-easing="linear" data-when="enter"><img src="***">
　</div>
</div>

このすぐ下にエフェクトを設定した画像が表示されます。
↓

「data-translatex」の数値を負の値で記述すると、
対象は右から左へスクロールします。

HTML

<div class="scrollme">
　<div class="animateme" data-translatex="-386" data-from="0.2" data-to="1" data-easing="linear" data-when="enter"><img src="***">
　</div>
</div>

このすぐ下にエフェクトを設定した画像が表示されます。
↓

スクロール調整用の余白です