ノウハウ

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

更新日:

LINE登録600人突破!LINEでなんでも質問しよう!

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

何故か今の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>

こう書く、すると動く。

24時間以内に返答します!

今すぐLINEで相談する

公式LINEに登録して、アニソンDJに質問してみよう!

メールでの質問も受付中! メールフォーム

-ノウハウ

Copyright© けんしろうのブログ , 2020 All Rights Reserved Powered by AFFINGER5.