jQueryプラグインjquery.inviewで要素再表示時にアニメーションしない
LazyLoad(画像の遅延読み込み)みたいな表示をしたいということで
表示エリアの判定が楽そうなので、jquery.inview.jsを使用してみた
今回は表示する要素をcheckboxで選択できるようにする必要があり、表示が変わったらその度にinviewで上からパラパラフェードインしてきてほしかった
しかしそのままだと、一度表示されたことのある部分が、非表示のままになった。
スクロールして戻ってきたら表示される。
修正したのが以下
どうも一度表示した要素にはdata-inview="true"が入っているということが分かったので、表示リセット時にdata('inview', false)を設定すると、再表示した時にもうまくアニメーションしてくれた
チェック外した時の挙動が少しおかしいがまた直す