Как сделать так, чтобы после определенной высоты блок исчезал?

Question

[Anvar66]

Суть в том, что есть такой блок и после того, как посетитель сайта просмотрит этот блок, он начнет подниматься и исчезать.

Comments

[Danny Arty]

Как сделать так, чтобы после определенной высоты блок исчезал?

после того, как посетитель сайта просмотрит этот блок, он начнет подниматься и исчезать

После определенного времени в фокусе блок должен подниматься и исчезнуть? А контент под ним находится или он должен подниматься на его место соответственно?

[Антон Литвиненко]

Danny Arty, блок должен оставаться на месте, пока посетитель на него смотрит. Отвел взгляд - блок тихонько уехал за пределы видимости

[Anvar66]

Danny Arty, На его место должен подниматься

[Павел Корнилов]

Отвел взгляд - блок тихонько уехал за пределы видимости

img.onlookout= function(e){
this.style.height= 0;
}

=)

Answer 1

[Danny Arty]

Примерно так

Comments

[Anvar66]

Это красиво, но нет, не так, к сожалению. Я неправильно объяснил, наверное, этот блок должен уходить под тот блок, который выше его. Там синий блок сверху.

[Danny Arty]

Anvar66, момент, поправлю сейчас

[Danny Arty]

Anvar66, исправил codepen. Так?

[Anvar66]

Danny Arty, да, а точнее почти ибо нужно сделать так, чтобы при каждом скролле он исчезал немного. Сорян, что тупо объясняю

[Danny Arty]

Anvar66, ну тут я бессилен, потому что я тупо не понимаю, что надо. То он должен уезжать за блок выше, теперь уезжать и выезжать при каждом скролле? В какие моменты? Через определенное время?

[Anvar66]

Danny Arty, ну, типо, вот при каждом скролле блок внизу уходит под блок сверху. типо вот так :
https://photos.app.goo.gl/H52iATn53xqUuzMZ8

[Anvar66]

Danny Arty, я это сделал с rellax js, но дело в том, что rellax работает постоянно. А мне нужно, чтобы он начал работать с определенного момента