Find the Height of Vertical Slider and animate with button click

slider.js

jQuery(window).on('load resize scroll', function(){
	jQuery('.home-hero').next().attr('id', 'after-hero'); //adds and anchor id to the sibling element to the home-hero
	var numItems = jQuery('.home-hero__item').length, //finds all the items
	    numItems = numItems - 1, //subtracts one item as the first slide is not a true slide
	    outerHeightSlide = jQuery('.slide-0').outerHeight(), //finds the height of the first slide item
	    outerHeightSlides = jQuery('.slide-1').outerHeight(), //finds the height of all the slides in the slider 
	    scroll = jQuery(window).scrollTop(), //find scroll position
	    allSlidesHeight = outerHeightSlides * numItems + outerHeightSlide - scroll; //does the math to get how far to scroll to the main content

	/**
	 * Adds click function to scroll to the main content
	 */
	jQuery('.hero-skip.button').on('click tap', function () {
		jQuery('html, body').stop().animate({ scrollTop: '+=' + allSlidesHeight }, 800);
	});
});