Javascript-форум - Какое событие происходит при скроллинге вниз и вверх?

Привет, ребята, помогите решить тестовое задание http://joxi.ru/bmoORa7hQDeJmy

При скролле вниз белая тень должна появляться сверху, снизу убираться. И наоборот, если скроллим вверх, вверху белая тень исчезает, появляется внизу.

Вот как это я вижу:

1. Если начинаем скроллим вниз появляется класс .bottom-scroll в контейнере, в котором происходит скрол.
2. Если начинаем крутить вверх, появляется класс .top-scroll, при этом исчезает класс .bottom-scroll

codepen.io/alex-lenk/pen/BzoXKw