<div> елементите са обикновени HTML елементи и нормално се намират където са поставени без да ги интерсува нищо. Когато слагаш клас на елемент, образно казано ти му слагаш етикет, за да знаят CSS и/или JavaScript какво да правят с него. Ако в CSS имаш клас "post", то върху този <div> с клас "post" ще се наложат съответните CSS стилове. CSS стиловете отговарят най-вече за визуалната част - разположение, цвят, размери... в случая и малко анимация. Анимацията се получава когато към елемента се добави опрделен клас. Ти обаче искаш нещо да се случи когато страницата се скролира, а това се прави с JavaScript. Въпреки че CSS понякога може да прави неща, които JavaScript може да прави, не ми е известно CSS да може да следи движението на скролера, камо ли да добавя и премахва класове. На страницата дето си дал има скрипт "Viewport Checker" дето следи за движението на скролера и при нужда добавя допълнителни класове на елементите дето са видими.
С други думи трябва да използваш и 3-те компонента - HTML, CSS и JavaScript. Но ако ме питаш, такъв тип зареждане си заслужава само ако новите постове се зареждат динамично. Ако идеята е да заредиш 10 поста, да скриеш 9 и да ги показваш само когато се скролира надолу само защото това ти се струва яко... ами не е яко, супер аматьорско е. И анимациите съм сигурен, че са дразнещи за повечето хора. Използвай ги когато искаш да сигнализираш за нещо, ама така само заради гъзарията няма смисъл.