when clicking an element, center its parent vertical scroll to the element

function scrollTo(element) {
  var parent = element.parentNode;
  var parentRect = parent.getBoundingClientRect();
  var elementRect = element.getBoundingClientRect();
  var parentComputedStyle = window.getComputedStyle(parent);
  var parentBorderTopWidth = parseInt(parentComputedStyle.getPropertyValue('border-top-width'));
  var elementTop = elementRect.top - parentRect.top - parentBorderTopWidth;
  var offset = elementTop - (parent.offsetHeight / 2);
  parent.scrollTop = offset;
}