Hogyan tudok úgynevezett pure scroll effektek előállítani JavaScript segítségével? (JQuery nem jó most nekem)

A helyzet a következő. Megvan a weboldal alapja, 5 lap, melyek egymás után következnek és méretük 100vh. Felül van egy navigációs sáv, ahogyan az a hasonló oldalaknál is van néha. A navigációs sávon vannak a menüpontok, azokra kattintva szeretnék az adott div teljes nézetéhez ugrani. Ez horgonnyal ment is könnyen, de azt sajnos nem lehet látványossá tenni, csak odaugrik és kész. Mivel minden box ugyanakkora, ezért javascripttel megnézem, hogy mi a lap végén a window.scrollY, és azt elosztom 5tel, így megvan 1 box magassága görgetésileg. Na most ezt a magasságot használva lehet ugye ugrálni fel meg le, a javascript program ki is számolja, hogy mikor merre mennyit, ezáltal oda is ugrik. Ezek után jött az a feladat, hogy ezt az ugrást szétszedem és csinálok egy szép pure scrollt, de akárhogy próbáltam nem ment. Próbáltam úgy, hogy for ciklusban inkrementálódó illetve dekrementálódó ciklusváltozó segítségével szépen egyenként scrollBy-t használva görgetek. Ez nem jött össze, ugyanúgy ugrott. Aztán próbáltam, hogy a scrollBy belekerült egy setTimeout-ba 100as késleltetéssel, erre a böngészőm megadta magát, a parancsfájl nem válaszolt, majd mikor leállítottam azt, akkor a helyére ugrott az oldal. Mi lehetne egy megoldás? Bocsánat a kérdés hosszáért.