Scroll to a specific position on a page using Javascript / Jquery

Question

It is possible to move to a certain position on a page using #elementId. How can I do the same thing using Javascript / Jquery. When a JS function is called, I want to scroll to the specific position on that page.

Answer 1

After much googling I found that you just need to do this:

location.hash = "elementId"

Answer 2

Another solution is scrollIntoView()

document.getElementById("elementID").scrollIntoView();

Answer 3

Here's an example function that I tested on today's New York Times front page using the browser console:

function scrollToElement(pageElement) {    
    var positionX = 0,         
        positionY = 0;    

    while(pageElement != null){        
        positionX += pageElement.offsetLeft;        
        positionY += pageElement.offsetTop;        
        pageElement = pageElement.offsetParent;        
        window.scrollTo(positionX, positionY);    
    }
}

var pageElement = document.getElementById("insideNYTimesHeader");
scrollToElement(pageElement);

Answer 4

you can use scrollTop to scroll up.

you can use this plugin too