А в чём сложность? Знаете высоту скроллинга, всё можно достаточно быстро написать.

Вот типичная задача Как сделать индикатор прокрутки страницы? Там была демка и переделал в вертикальный jsfiddle.net/wmDLu/14

Очень много интересных вещей есть в мире frontend. Например, методология БЭМ, препроцессоры для CSS (Stylus, LESS, SASS), сборщик модулей - webpack и т.д. Сейчас чисто вёрсткой html+css никто не занимается. Обязательно знают JS + другие фреймворки и надстройки над JS (например, TypeScript, Flow). Всё зависит от вашего предпочтения и методологии разработки. Кто-то использует React+Angular, а кто-то Vue.js. Лично я начал бы с изучения или повторения основ HTML+CSS, потом посмотрел новые фишки CSS3 + HTML5, анимации, transition, flex+grid (https://html5book.ru/css-css3/) далее основы JS (https://learn.javascript.ru/ - и всё что есть на сайте), посмотрел бы в сторону препроцессоров CSS, а там я думаю вы бы уже сами определились, что и где использовать, в зависимости от вашего предпочтения.