ノウハウ

jQueryプラグインのinviewが動かない時の対処法

2016/04/06

この記事は２年以上前の情報です。
最新情報と異なる場合がございます。

どういうことかというと、

何故か今のinviewでは、visiblePartX, visiblePartYが効かない。

<script>
$(function() {
$('.box').css('opacity', 0);
$('.box').on('inview', function(event, isInView, visiblePartX, visiblePartY) {
	if (isInView) {
		if (visiblePartY == 'both') {
			$(this).stop().animate({opacity: 1}, 300);
		}
	}
	else {
		$(this).stop().animate({opacity: 0}, 300);
	}
});
});
</script>

この記載では動かないことがある。よって、

<script>
$(function() {
$('.box').css('opacity', 0);
$('.box').on('inview', function(event, isInView, visiblePartX, visiblePartY) {
	if (isInView) {
		$(this).stop().animate({opacity: 1}, 300);
	}
	else {
		$(this).stop().animate({opacity: 0}, 300);
	}
});
});
</script>

こう書く、すると動く。

アクセスランキング

-ノウハウ