hvordan gør jeg window.scroll blød ?

Hej
Jeg har lavet en funktion som scroller til et sted på min side defineret af et nummer som ganges med 50px og det hele starter 300px nede... det fungerer smukt... men jeg vil gerne ha at den scroll derned stille (smooth om man vil), og ikke bare hopper derned... Jeg er ret noob til javascript... kan nogen mon hjælpe... det her er hvad jeg har af js...

function pageScroll(number) {
    var scrollto = 300+(number*50)
        window.scroll(0,scrollto);
}

og den køres med en <div onclick="pageScroll(2)">indhold (scroll hertil)</div>