Javascript - element scroll to middle

scroll.js

var $ = jQuery;

// make sure your element has overflow set
var $element = $('[data-scroll-box]');

$element.scrollTop('1000000');
$element.scrollLeft('1000000');

var scrollHeight = $element.prop('scrollHeight');
var scrollWidth = $element.prop('scrollWidth');
var diffT = (scrollHeight - $element.scrollTop()) / 2;
var middleT = scrollHeight / 2 - diffT;
var diffL = (scrollWidth - $element.scrollLeft()) / 2;
var middleL = scrollWidth / 2 - diffL;

$element.scrollTop(middleT);
$element.scrollLeft(middleL);