けんしろうのブログ

初心者向アニソンDJ情報、DJ機材レビュー、雑記など。

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

ノウハウ

けんしろう DJ出演予定
【東京】12/24(日昼) パリピズム vol.18 [DJ]
【東京】12/29(日昼) ANIDELIC PARTY Vo.17 [DJ]
【大阪】1/? [DJ]
【大阪】2/? [DJ]
【大阪】3/3(土夜) フルスピード! vol.2 [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フォローしてね!

友だち追加

スポンサーリンク

  関連記事

URL構造って、Google的にはアンダースコアよりハイフンがおすすめらしい。 #SEO

WordPressを使っていると、悩むのがURL構造。 僕は「記事名-記事ID」の組み合わせにしていますが、このハイフンが曲者。 …

今後フリー素材「ぱくたそ」NGで。それに至った経緯を話すよ。

けんしろうです。 ブログを高い頻度で更新しているので、記事の最初に入れる画像は結構悩みます。 よくフリー素材を利用するのですが、 …

【2016春夏】ブログで副業。今できるSEO対策&アフィリエイト対策

けんしろうです。 最近アニクラの主催も出演もなく、暇すぎてはじめたこのブログ。実は広告収入で運営されています。サーバー代ぐらいで …

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