Scroll to the center of viewport

Question

I would like to center a div by clicking it. So if I\'m clicking a div I want it to scroll to the center of the browser viewport. I don\'t want to use

Answer 1

HTMLElement.prototype.scrollToCenter = function(){
    window.scrollBy(0, this.getBoundingClientRect().top - (window.innerHeight>>1));
}

Achieved with pure JavaScript for Scrolling to Center in the vertical direction. And it's similar in the horizontal direction. I don't take elements' height into consideration, because they maybe larger than the height of screen.