v15.1.0

Fixed header height is now calculated at time scroll initiates

Author: cferdinandi

dist/smooth-scroll.js

@@ -1,5 +1,5 @@
 /*!
- * smooth-scroll v15.0.2: Animate scrolling to anchor links
+ * smooth-scroll v15.1.0: Animate scrolling to anchor links
  * (c) 2018 Chris Ferdinandi
  * MIT License
  * http://github.com/cferdinandi/smooth-scroll
@@ -399,7 +399,7 @@
 		//
 
 		var smoothScroll = {}; // Object for public APIs
-		var settings, anchor, toggle, fixedHeader, headerHeight, eventTimeout, animationInterval;
+		var settings, anchor, toggle, fixedHeader, eventTimeout, animationInterval;
 
 
 		//
@@ -436,10 +436,7 @@
 				// Get the fixed header if not already set
 				fixedHeader = document.querySelector(_settings.header);
 			}
-			if (!headerHeight) {
-				// Get the height of a fixed header if one exists and not already set
-				headerHeight = getHeaderHeight(fixedHeader);
-			}
+			var headerHeight = getHeaderHeight(fixedHeader);
 			var endLocation = isNum ? anchor : getEndLocation(anchorElem, headerHeight, parseInt((typeof _settings.offset === 'function' ? _settings.offset(anchor, toggle) : _settings.offset), 10), _settings.clip); // Location to scroll to
 			var distance = endLocation - startLocation; // distance to travel
 			var documentHeight = getDocumentHeight();
@@ -580,18 +577,6 @@
 
 		};
 
-		/**
-		 * On window scroll and resize, only run events at a rate of 15fps for better performance
-		 */
-		var resizeThrottler = function (event) {
-			if (!eventTimeout) {
-				eventTimeout = setTimeout((function() {
-					eventTimeout = null; // Reset timeout
-					headerHeight = getHeaderHeight(fixedHeader); // Get the height of a fixed header if one exists
-				}), 66);
-			}
-		};
-
 		/**
 		 * Destroy the current initialization.
 		 */
@@ -602,7 +587,6 @@
 
 			// Remove event listeners
 			document.removeEventListener('click', clickHandler, false);
-			window.removeEventListener('resize', resizeThrottler, false);
 			window.removeEventListener('popstate', popstateHandler, false);
 
 			// Cancel any scrolls-in-progress
@@ -613,7 +597,6 @@
 			anchor = null;
 			toggle = null;
 			fixedHeader = null;
-			headerHeight = null;
 			eventTimeout = null;
 			animationInterval = null;
 
@@ -634,16 +617,10 @@
 			// Selectors and variables
 			settings = extend(defaults, options || {}); // Merge user options with defaults
 			fixedHeader = settings.header ? document.querySelector(settings.header) : null; // Get the fixed header
-			headerHeight = getHeaderHeight(fixedHeader);
 
 			// When a toggle is clicked, run the click handler
 			document.addEventListener('click', clickHandler, false);
 
-			// If window is resized and there's a fixed header, recalculate its size
-			if (fixedHeader) {
-				window.addEventListener('resize', resizeThrottler, false);
-			}
-
 			// If updateURL and popState are enabled, listen for pop events
 			if (settings.updateURL && settings.popstate) {
 				window.addEventListener('popstate', popstateHandler, false);

dist/smooth-scroll.min.js

@@ -1,5 +1,5 @@
 /*!
- * smooth-scroll v15.0.2: Animate scrolling to anchor links
+ * smooth-scroll v15.1.0: Animate scrolling to anchor links
  * (c) 2018 Chris Ferdinandi
  * MIT License
  * http://github.com/cferdinandi/smooth-scroll
@@ -469,7 +469,7 @@ if (window.Element && !Element.prototype.closest) {
 		//
 
 		var smoothScroll = {}; // Object for public APIs
-		var settings, anchor, toggle, fixedHeader, headerHeight, eventTimeout, animationInterval;
+		var settings, anchor, toggle, fixedHeader, eventTimeout, animationInterval;
 
 
 		//
@@ -506,10 +506,7 @@ if (window.Element && !Element.prototype.closest) {
 				// Get the fixed header if not already set
 				fixedHeader = document.querySelector(_settings.header);
 			}
-			if (!headerHeight) {
-				// Get the height of a fixed header if one exists and not already set
-				headerHeight = getHeaderHeight(fixedHeader);
-			}
+			var headerHeight = getHeaderHeight(fixedHeader);
 			var endLocation = isNum ? anchor : getEndLocation(anchorElem, headerHeight, parseInt((typeof _settings.offset === 'function' ? _settings.offset(anchor, toggle) : _settings.offset), 10), _settings.clip); // Location to scroll to
 			var distance = endLocation - startLocation; // distance to travel
 			var documentHeight = getDocumentHeight();
@@ -650,18 +647,6 @@ if (window.Element && !Element.prototype.closest) {
 
 		};
 
-		/**
-		 * On window scroll and resize, only run events at a rate of 15fps for better performance
-		 */
-		var resizeThrottler = function (event) {
-			if (!eventTimeout) {
-				eventTimeout = setTimeout((function() {
-					eventTimeout = null; // Reset timeout
-					headerHeight = getHeaderHeight(fixedHeader); // Get the height of a fixed header if one exists
-				}), 66);
-			}
-		};
-
 		/**
 		 * Destroy the current initialization.
 		 */
@@ -672,7 +657,6 @@ if (window.Element && !Element.prototype.closest) {
 
 			// Remove event listeners
 			document.removeEventListener('click', clickHandler, false);
-			window.removeEventListener('resize', resizeThrottler, false);
 			window.removeEventListener('popstate', popstateHandler, false);
 
 			// Cancel any scrolls-in-progress
@@ -683,7 +667,6 @@ if (window.Element && !Element.prototype.closest) {
 			anchor = null;
 			toggle = null;
 			fixedHeader = null;
-			headerHeight = null;
 			eventTimeout = null;
 			animationInterval = null;
 
@@ -704,16 +687,10 @@ if (window.Element && !Element.prototype.closest) {
 			// Selectors and variables
 			settings = extend(defaults, options || {}); // Merge user options with defaults
 			fixedHeader = settings.header ? document.querySelector(settings.header) : null; // Get the fixed header
-			headerHeight = getHeaderHeight(fixedHeader);
 
 			// When a toggle is clicked, run the click handler
 			document.addEventListener('click', clickHandler, false);
 
-			// If window is resized and there's a fixed header, recalculate its size
-			if (fixedHeader) {
-				window.addEventListener('resize', resizeThrottler, false);
-			}
-
 			// If updateURL and popState are enabled, listen for pop events
 			if (settings.updateURL && settings.popstate) {
 				window.addEventListener('popstate', popstateHandler, false);