В DOM есть событие wheel, а также onscroll - поробнее
learn.javascript.ru/mousewheel
Можно по-другому: Когда координаты элемента, который должен появиться/исчезнуть снизу/сверху достигнут заданных в коде, последний должен будет запустить CSS- анимацию с использованием transform: scale для эффекта увеличения из точки или сведения в нее. Подробнее про координаты в DOM - тут
learn.javascript.ru/metrics
Чтобы элементы остались на месте после завершения анимации, надо установить свойство animation-fill-mode: forwards.