jQuery スクロールでフェードイン表示した要素を消す

Question

超初心者の質問で大変すみません、
以下codepenのポップアップ表示で、表示されたboxを次のboxが表示されるタイミングで消えるようにしたいです。
https://codepen.io/intotheprogram/pen/WVMqpe

次のboxが表示されるタイミングに消す
or
ある地点で消す(この場合は前のboxが半分消えたら、、ぐらいのところでしょうか)

どうぞよろしくお願いします。

Comments

[yambejp]

「消す」とは削除して前に詰めるのか、透明にするか・・・で処理が変わります

[kanchanaburi]

ありがとうございます。前に詰めなくて良いです。透明で。

Answer 1

jsの12行目を
if(scrollPos > boxOffset - wh + 100){
↓
if(scrollPos > boxOffset - wh + 100 && scrollPos < boxOffset){
とすれば良いと思います。