【jQuery】smoove.jsオプション一覧【備忘録】

jQuery
2018.08.22

参照

GitHub - abemedia/jquery-smoove: A simple jQuery plugin for super sexy scrolling effects using CSS3.
A simple jQuery plugin for super sexy scrolling effects using CSS3. - abemedia/jquery-smoove
github.com
オシャレなスクロールエフェクトを実装できる「jQuery Smoove」 – bl6.jp
jQuery Smooveは、オシャレなスクロールエフェクトを実装することができるjQueryプラグインです。CSS3を使用しているとのこと。ページを下へスクロールした時にコンテンツをエフェクト付きで表示させたい場合に活用したくなりますね。
bl6.jp

デモサイト

htmlソース

<div class="hoge" data-move-y="80px">テキストテキスト</div>

jQコード

   <script src="js/jquery.smoove.min.js"></script>
    <script>
	$('.hoge').smoove({
		offset:'30%', 
		//オプション名と対する値
	});
    </script>

オプション

min_width
min_height
offset
opacity
perspective
transformOrigin
skewY
move
move3d
moveX
moveY
moveZ
rotate
rotate3d
rotateX
rotateY
rotateZ
scale
scale3d
scaleX
scaleY
skew
skewX
skewY

動き

data-move-y
data-move-x
data-rotate-y
data-scale
data-skew

コメント