Создать страницу с ромбиком, который при скроле смещается в нижнюю часть, меняя цвета и превращаясь в круг. При скорле вверх - круг обратнопревращается в ромбик.
- Обращаю внимание на то, что не должно быть полосы прокрутки(!) и квардратик возвращаясь должен быть уже другого цвета(!)*
Более подробно на картинке:
Протестировал как сказано в задании IE9, Safari, Chrome, Firefox; Самое большое время заняло:
- добавить поддержку на тач-пад девайсах. Дело в том, что на десктопных приложениях можно повесить обработчик на свойство onwheel/onmousewheel, а на тачпадах, по причине отсутствия этого свойства, для выявления в какую сторону происходит скроллинг - необходимо высчитывать координаты из touchstart/touchmove и в зависимости от этого определить направление скроллинга.
- в процессе выполнения принял решение реализовать задание на чистом JavaScript, без подключения CSS, без подключения сторонних библиотек. Понимаю что это решение может быть по разному воспринято, но я решил, что если возможно сделать все на одном языке программирования (vanilla JavaScript), то правильней в маленьком задании не мешать.