scroll - How to move the window by x number of pixels using Javascript

Question

How do I scroll a window or webpage down using Javascript? Basically, I want to move the web page down by certain number of pixels, using Javascript is there any way of doing that?

Answer 1

You can use the following function:

window.scrollBy(x,y)

e.g.

window.scrollBy(0,100)

Since you expressed interest in the "units" (I assume you mean width and height, since the units here are pixels!) if a window is resized:

document.height
1527

window.innerHeight
912

---

" awesome. But is there anyway to scroll based on if window has been resized? "

Yes, you can use this event handler:

window.onresize = function() {
    window.scrollBy(..., ...);
}

https://developer.mozilla.org/en/DOM/window.onresize