けんしろうのブログ

アニソンDJ情報、DJ機材レビュー、雑記など。有料マガジン連載中。

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

ノウハウ

DJけんしろう 出演予定
【名古屋】7/9(日昼) おたみっくす! [DJ]
【大阪】8/? ? [DJ]
【大阪】8/20(日昼) をたまぜっ! 1周年 [DJ]
【大阪】8/? ? [DJ]
【大阪】9/?(日昼) ?
【大阪】9/17(日昼) FES2017 [DJ]
【大阪】10/? ? [DJ]

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

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

こう書く、すると動く。

DJ関係の最新情報を発信中!
LINEフォローしてね!

友だち追加

 - ノウハウ

スポンサーリンク

  関連記事

懐かしい!あの進研ゼミ漫画をいつでも読めるサイト。マーケター目指すなら読んでおきたい。

けんしろうです。 子供の頃、家によく進研ゼミの封筒が届いていませんでしたか? 僕はよく届いていました。 その封筒には、進研ゼミの …

超簡単!どうでもいいネタを役に立つ1,000文字の長文にする5つのポイント。 #seo #seo対策

僕はどんなネタの記事でも1,000文字以上書くようにしています。 ブログの価値を上げる(=検索で記事が見つかるようにする)ために …

もう企業のエイプリルフール便乗ネタは心に響かない。その理由。

アニソンDJのけんしろうです。 本業はWeb業界の人間でして、もう8年目になります。 毎年企業が出してくるエイプリルフール便乗ネ …

けんしろう ミナトレイヴ主催
大阪のアニソンDJ
HAL大阪ゲーム学科卒
Web系の仕事
角川グループから出版
Amazon売上ランク1位2冠
県庁・デジハリ等講演多数
鹿児島県出身