$(window).on('scroll',function(){}) - браузер генерирует события. В данном случае - событие скрола. В этой строчке кода Вы подписываетесь на наступление события скрола и описаваете в function что нужно сделать при наступлении события.
лючевым моментом абсолютного позиционирования является понимание точки отсчёта: такие элементы позиционируются относительно самого близкого родительского элемента с позиционированием, отличным от static. В том случае, если ближайший элемент не существует, позиционирование происходит относительно основного документа.
<зануда>3.2. Формулировать вопрос максимально информативно и однозначно. Использование общих формулировок приводит к тому, что пользователи оказываются вынуждены тратить время на ознакомление с вопросом, хотя он может быть заведомо им не интересен. Поэтому, вместо общих формулировок (например, «Где найти драйвер на принтер?»), следует использовать максимально детальные формулировки (например, «Где найти драйвер на EPSON L110 под Linux Mint 18.1 Cinnamon?»).
3.8. Использовать для демонстрации фрагментов кода только специальный тег <code> или специальные демонстрационные ресурсы (например, JsFiddle - https://jsfiddle.net/). Размещение фрагментов кода в виде изображений запрещено.
</зануда>