Javascript'te bir div'in scroll'unu konumlandırma

Merhabalar , 
Javascript'te bir div'in veya herhangi scroll'u olan bir elamanın scroll'unu nasıl konumlandırırz onu anlatacağım.
 

Öncelik olarak X koordinatı ve Y koordinatı için iki attribute var. Bunlar:

scrollLeft ve ScrollTop özellikleri.

scrollTop Kullanımı

ScrollTop Y koordinatında çıkan kaydırma çubuğumuzun en üst konuma olan uzaklığını ayarlamamız için kullanılıyor.
Örnek kullanım: 

document.getElementById('div').scrollTop += 20;

Böyle bir kullanım yaparsak div id'sine sahip elemanımızın kaydırma çubuğu yukarıdan aşağı 20px inecektir.
Eğer 0 girersek en üstte olacaktır. Yani kaydırma çubuğunu en üste almak istiyorsak bu değeri 0'a eşitlememiz lazım, aşağıda olduğu gibi.

document.getElementById('div').scrollTop = 0;

scrollLeft Kullanımı

Buradaki kullanım ise aynı şekilde ancak X ekseninde sola doğru uzaklığı belirtmemize  ve değiştirmemize olanak sağlar.

document.getElementById('div').scrollLeft += 20;

Aynı şekilde X eksenindeki kaydırma çubuğunuda sıfırlamak yani en sola almak istiyorsak değeri 0'a eşitlememiz gerekmekte.

document.getElementById('div').scrollLeft = 0;

Anlatıcaklarım bu kadar konu hakkında bir sorunuz olursa yorumlarda belirtebilirsiniz.