けんしろうのブログ

アニソンDJ情報、DJ機材レビュー、雑記を自由に書いてます。

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

ノウハウ

DJけんしろう 出演予定
【大阪】3/4(土夜) Vocaloholic15 [DJ]
【大阪】3/12(日昼) Girls❤︎スポット 2 [DJ]
【大阪】3/19(日昼) ポン橋INVASION [DJ]
【大阪】4/2(日昼) ツタヤアニクラ ミナトレイヴEBISUBASHI [主催]
【大阪】4/14(金夜) 大阪パリピズム [DJ]
【大阪】4/30(日昼) ミナトレイヴ3 [主催]

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

何故か今の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関係のお役立ち情報を発信中!
Twitterフォローしてね!
無言フォロー大歓迎!

 - ノウハウ

スポンサーリンク

人気記事

  関連記事

ken46.com PCサイトリニューアル!リニューアルのポイント3つ。

けんしろうです。 いつもスマホで見ている人はわからないかもしれませんが、本日ken46.comがリニューアルされました! カッと …

「僕は何の仕事が向いているのだろう?」就活中の人へ。最高の仕事に出会う為の1つの心構え。

けんしろうです。 就活シーズンの途中ということで、ちょっとした就活論でも。 僕が22歳のとき、「僕は何の仕事が向いているのだろう …

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

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

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