要素が画面に入ったところでフェードイン inview.js

2017年6月18日

最近多い、ちょっと動きのある表示の仕方なので実装してみた。
inview.jsを読みこませで以下のjsでclassを付与。

$(function(){
$('.delay').on('inview', function(event, isInView) {
		if(isInView){
			$(this).stop().addClass('delayMove');
		}
		else{
			$(this).stop().removeClass('delayMove');
		}
	});
});

参考サイト:http://on-ze.com/archives/2679
inview.js: https://github.com/protonet/jquery.inview

PAGE TOP