From 9e83809ad1c6e93d81a5d7daf0c59d40e1f81dc6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bastian=20Fie=C3=9Finger?=
 <41627893+bfiessinger@users.noreply.github.com>
Date: Thu, 13 Feb 2020 20:30:52 +0100
Subject: [PATCH] =?UTF-8?q?Fixed=20linear=20easing=20=F0=9F=93=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 changelog.MD               |   3 +
 demo/index.html            |   5 +-
 dist/scrolltosmooth.js     | 923 +++++++++++++++++--------------------
 dist/scrolltosmooth.min.js |   4 +-
 package-lock.json          |   2 +-
 package.json               |   4 +-
 rollup.config.js           |   4 +-
 src/easings.js             |   3 +-
 src/easings.ts             |   2 +-
 9 files changed, 433 insertions(+), 517 deletions(-)

diff --git a/changelog.MD b/changelog.MD
index dcb5df0..fac9abd 100644
--- a/changelog.MD
+++ b/changelog.MD
@@ -1,5 +1,8 @@
 # Changelog
 
+### 2.1.2
+- Bugfix: linear easing not working
+
 ### 2.1.1
 - Call destroy method on initialization to prevent errors with existing ones
 - Added a update Method to edit settings after initialization
diff --git a/demo/index.html b/demo/index.html
index 1abb72c..f9a1a00 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -117,8 +117,9 @@ <h3>Options:</h3>
   <script src="../dist/scrolltosmooth.js"></script>
   <script>
     var smoothScroll = new scrollToSmooth('a', {
-      easing: 'easeInOutElastic',
-      speed: 600,
+			easing: 'easeInOutQuad',
+			easing: 'linear',
+    	duration: 600,
       durationRelative: true,
       updateURL: true,
       //onScrollStart: (data) => { console.log(data); },
diff --git a/dist/scrolltosmooth.js b/dist/scrolltosmooth.js
index 3e39591..7cf647e 100644
--- a/dist/scrolltosmooth.js
+++ b/dist/scrolltosmooth.js
@@ -1,74 +1,13 @@
 /**
  * Vanilla JS Smooth Scroll
  * Author: Bastian Fießinger
- * Version: 2.1.1
+ * Version: 2.1.2
  */
 var scrollToSmooth = (function() {
   "use strict";
 
-  function _classCallCheck(instance, Constructor) {
-    if (!(instance instanceof Constructor)) {
-      throw new TypeError("Cannot call a class as a function");
-    }
-  }
-
-  function _slicedToArray(arr, i) {
-    return (
-      _arrayWithHoles(arr) ||
-      _iterableToArrayLimit(arr, i) ||
-      _nonIterableRest()
-    );
-  }
-
-  function _arrayWithHoles(arr) {
-    if (Array.isArray(arr)) return arr;
-  }
-
-  function _iterableToArrayLimit(arr, i) {
-    if (
-      !(
-        Symbol.iterator in Object(arr) ||
-        Object.prototype.toString.call(arr) === "[object Arguments]"
-      )
-    ) {
-      return;
-    }
-
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _e = undefined;
-
-    try {
-      for (
-        var _i = arr[Symbol.iterator](), _s;
-        !(_n = (_s = _i.next()).done);
-        _n = true
-      ) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
-      try {
-        if (!_n && _i["return"] != null) _i["return"]();
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-
-    return _arr;
-  }
-
-  function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance");
-  }
-
   function linear(elapsed, initialValue, amountOfChange, duration) {
-    return amountOfChange;
+    return (amountOfChange * elapsed) / duration + initialValue;
   }
 
   function easeInQuad(elapsed, initialValue, amountOfChange, duration) {
@@ -511,476 +450,450 @@ var scrollToSmooth = (function() {
     easeInOutBounce: easeInOutBounce,
   });
 
-  var scrollToSmooth = function scrollToSmooth(nodes, settings) {
-    var _this = this;
-
-    _classCallCheck(this, scrollToSmooth);
-
-    this.elements;
-    var d = document;
-    var w = window;
-    var scrollAnimationFrame;
-
-    var _$ = function _$(s) {
-      return d.querySelector(s);
-    };
-
-    var _$$ = function _$$(s) {
-      return d.querySelectorAll(s);
-    };
-    /**
-     * Basic Helper function to check if an Element is an instance of Node
-     *
-     * @param {any} domNode either a dom node or querySelector
-     *
-     * @returns {boolean} either true or false
-     */
-
-    var isDomElement = function isDomElement(domNode) {
-      if (
-        domNode instanceof Node ||
-        domNode instanceof NodeList ||
-        domNode instanceof HTMLCollection
-      ) {
-        return true;
-      }
-
-      return false;
-    };
-    /**
-     * Check this.elements and declare them based on their value
-     */
-
-    if (isDomElement(nodes)) {
-      this.elements = nodes;
-    } else {
-      this.elements = _$$(nodes);
-    }
-    /**
-     * Check if a selector exists on the current page
-     *
-     * @param {selector} selector
-     *
-     * @returns {boolean} true if the selector exists
-     */
-
-    var validateSelector = function validateSelector(selector) {
-      var selectorValid = true; // Validate if the target is a valid selector
-
-      try {
-        if (isDomElement(selector)) {
-          selector;
-        } else {
-          _$(selector);
+  class scrollToSmooth {
+    constructor(nodes, settings) {
+      this.elements;
+      const d = document;
+      const w = window;
+      let scrollAnimationFrame;
+
+      let _$ = s => d.querySelector(s);
+
+      let _$$ = s => d.querySelectorAll(s);
+      /**
+       * Basic Helper function to check if an Element is an instance of Node
+       *
+       * @param {any} domNode either a dom node or querySelector
+       *
+       * @returns {boolean} either true or false
+       */
+
+      let isDomElement = domNode => {
+        if (
+          domNode instanceof Node ||
+          domNode instanceof NodeList ||
+          domNode instanceof HTMLCollection
+        ) {
+          return true;
         }
-      } catch (e) {
-        selectorValid = false;
-      }
 
-      return selectorValid;
-    };
-    /**
-     * Get the current Timestamp
-     */
-
-    var getTime = function getTime() {
-      return w.performance && "now" in w.performance
-        ? performance.now()
-        : new Date().getTime();
-    };
-    /**
-     * Determine element baseURI
-     *
-     * @param {HTMLElement} el
-     *
-     * @returns {string}
-     */
-
-    var getBaseURI = function getBaseURI(el) {
-      var sanitizeBaseURIRegex = new RegExp("(" + location.hash + ")?$");
-      var elBaseURI = el.baseURI || document.URL; // Remove Trailing Slash and Hash Parameters from the baseURI
-
-      var baseURI = elBaseURI.replace(sanitizeBaseURIRegex, "");
-      return baseURI;
-    };
-    /**
-     * Determine the target Element of a link
-     *
-     * @param {HTMLElement} el
-     *
-     * @returns {HTMLElement} targetSelector
-     */
-
-    var getTargetElement = function getTargetElement(el) {
-      var baseURI = getBaseURI(el);
-      var target =
-        _this.settings.targetAttribute === "href"
-          ? el.href.replace(baseURI, "")
-          : el.getAttribute(_this.settings.targetAttribute); // Top on Empty Hash
-
-      if (_this.settings.topOnEmptyHash && target == "#") {
-        target = "body";
-      }
+        return false;
+      };
+      /**
+       * Check this.elements and declare them based on their value
+       */
 
-      return target;
-    };
-    /**
-     * Get document's height
-     *
-     * @returns {number}
-     */
-
-    var getDocHeight = function getDocHeight() {
-      return Math.max(
-        d.body.scrollHeight,
-        d.body.offsetHeight,
-        d.body.clientHeight,
-        d.documentElement.scrollHeight,
-        d.documentElement.offsetHeight,
-        d.documentElement.clientHeight
-      );
-    };
-    /**
-     * Build Default Settings Object
-     */
-
-    var defaults = {
-      targetAttribute: "href",
-      duration: 400,
-      durationRelative: false,
-      durationMin: null,
-      durationMax: null,
-      easing: "linear",
-      onScrollStart: null,
-      onScrollUpdate: null,
-      onScrollEnd: null,
-      fixedHeader: null,
-      topOnEmptyHash: true,
-    };
-    /**
-     * Basic Helper Function to merge user defined settings with the defaults Object
-     *
-     * @param  {object} args Arguments to check
-     *
-     * @returns {object} Merged Settings Object
-     */
-
-    var extendSettings = function extendSettings() {
-      var merged = {};
-
-      for (
-        var _len = arguments.length, args = new Array(_len), _key = 0;
-        _key < _len;
-        _key++
-      ) {
-        args[_key] = arguments[_key];
+      if (isDomElement(nodes)) {
+        this.elements = nodes;
+      } else {
+        this.elements = _$$(nodes);
       }
-
-      Array.prototype.forEach.call(args, function(obj) {
-        for (var key in obj) {
-          if (!Object.prototype.hasOwnProperty.call(obj, key)) {
-            return;
+      /**
+       * Check if a selector exists on the current page
+       *
+       * @param {selector} selector
+       *
+       * @returns {boolean} true if the selector exists
+       */
+
+      let validateSelector = selector => {
+        let selectorValid = true; // Validate if the target is a valid selector
+
+        try {
+          if (isDomElement(selector)) {
+            selector;
+          } else {
+            _$(selector);
           }
+        } catch (e) {
+          selectorValid = false;
+        }
 
-          merged[key] = obj[key];
+        return selectorValid;
+      };
+      /**
+       * Get the current Timestamp
+       */
+
+      let getTime = () =>
+        w.performance && "now" in w.performance
+          ? performance.now()
+          : new Date().getTime();
+      /**
+       * Determine element baseURI
+       *
+       * @param {HTMLElement} el
+       *
+       * @returns {string}
+       */
+
+      let getBaseURI = el => {
+        let sanitizeBaseURIRegex = new RegExp("(" + location.hash + ")?$");
+        let elBaseURI = el.baseURI || document.URL; // Remove Trailing Slash and Hash Parameters from the baseURI
+
+        let baseURI = elBaseURI.replace(sanitizeBaseURIRegex, "");
+        return baseURI;
+      };
+      /**
+       * Determine the target Element of a link
+       *
+       * @param {HTMLElement} el
+       *
+       * @returns {HTMLElement} targetSelector
+       */
+
+      let getTargetElement = el => {
+        let baseURI = getBaseURI(el);
+        let target =
+          this.settings.targetAttribute === "href"
+            ? el.href.replace(baseURI, "")
+            : el.getAttribute(this.settings.targetAttribute); // Top on Empty Hash
+
+        if (this.settings.topOnEmptyHash && target == "#") {
+          target = "body";
         }
-      });
-      return merged;
-    };
-    /**
-     * Build the final Settings Object
-     */
-
-    this.settings = extendSettings(defaults, settings || {});
-    /**
-     * Maximize Browser Support of requestAnimationFrame
-     */
-
-    var reqAnimFrame =
-      w.requestAnimationFrame ||
-      w.mozRequestAnimationFrame ||
-      w.webkitRequestAnimationFrame ||
-      w.msRequestAnimationFrame;
-    var cancelAnimFrame = w.cancelAnimationFrame || w.mozCancelAnimationFrame;
-    /**
-     * Get all scrollto elements that have target attributes related to the current page
-     *
-     * @returns {array} Array with all links found
-     */
-
-    var linkCollector = function linkCollector() {
-      var links = [];
-      Array.prototype.forEach.call(_this.elements, function(el) {
-        var baseURI = getBaseURI(el);
-        var targetSelector = getTargetElement(el); // Check if the selector is found on the page
-
-        if (validateSelector(targetSelector)) {
-          // Handle href attributes
-          if (
-            _this.settings.targetAttribute === "href" &&
-            el.href.indexOf(baseURI) != -1 &&
-            el.href.indexOf("#") != -1 &&
-            (el.hash != "" || _this.settings.topOnEmptyHash)
-          ) {
-            links.push(el);
-          } else if (_this.settings.targetAttribute !== "href") {
-            links.push(el);
+
+        return target;
+      };
+      /**
+       * Get document's height
+       *
+       * @returns {number}
+       */
+
+      let getDocHeight = () => {
+        return Math.max(
+          d.body.scrollHeight,
+          d.body.offsetHeight,
+          d.body.clientHeight,
+          d.documentElement.scrollHeight,
+          d.documentElement.offsetHeight,
+          d.documentElement.clientHeight
+        );
+      };
+      /**
+       * Build Default Settings Object
+       */
+
+      const defaults = {
+        targetAttribute: "href",
+        duration: 400,
+        durationRelative: false,
+        durationMin: null,
+        durationMax: null,
+        easing: "linear",
+        onScrollStart: null,
+        onScrollUpdate: null,
+        onScrollEnd: null,
+        fixedHeader: null,
+        topOnEmptyHash: true,
+      };
+      /**
+       * Basic Helper Function to merge user defined settings with the defaults Object
+       *
+       * @param  {object} args Arguments to check
+       *
+       * @returns {object} Merged Settings Object
+       */
+
+      const extendSettings = (...args) => {
+        var merged = {};
+        Array.prototype.forEach.call(args, obj => {
+          for (var key in obj) {
+            if (!Object.prototype.hasOwnProperty.call(obj, key)) {
+              return;
+            }
+
+            merged[key] = obj[key];
           }
+        });
+        return merged;
+      };
+      /**
+       * Build the final Settings Object
+       */
+
+      this.settings = extendSettings(defaults, settings || {});
+      /**
+       * Maximize Browser Support of requestAnimationFrame
+       */
+
+      const reqAnimFrame =
+        w.requestAnimationFrame ||
+        w.mozRequestAnimationFrame ||
+        w.webkitRequestAnimationFrame ||
+        w.msRequestAnimationFrame;
+      const cancelAnimFrame =
+        w.cancelAnimationFrame || w.mozCancelAnimationFrame;
+      /**
+       * Get all scrollto elements that have target attributes related to the current page
+       *
+       * @returns {array} Array with all links found
+       */
+
+      const linkCollector = () => {
+        let links = [];
+        Array.prototype.forEach.call(this.elements, el => {
+          let baseURI = getBaseURI(el);
+          let targetSelector = getTargetElement(el); // Check if the selector is found on the page
+
+          if (validateSelector(targetSelector)) {
+            // Handle href attributes
+            if (
+              this.settings.targetAttribute === "href" &&
+              el.href.indexOf(baseURI) != -1 &&
+              el.href.indexOf("#") != -1 &&
+              (el.hash != "" || this.settings.topOnEmptyHash)
+            ) {
+              links.push(el);
+            } else if (this.settings.targetAttribute !== "href") {
+              links.push(el);
+            }
+          }
+        });
+        return links;
+      };
+      /**
+       * Handler for the click event
+       *
+       * @param {object} e The current Event
+       *
+       * @returns {void}
+       */
+
+      const clickHandler = e => {
+        // Prevent Default Behaviour of how the browser would treat the click event
+        e.preventDefault();
+
+        let currentTarget = _$(getTargetElement(e.target));
+
+        if (!currentTarget || !validateSelector(currentTarget)) {
+          return;
+        } // Start Scrolling
+
+        this.scrollTo(currentTarget);
+      };
+      /**
+       * Animate scrolling
+       *
+       * @param {number} distFromTop Distance to be scrolled from top
+       * @param {number} startPos Distance from top when the animation has started
+       * @param {number} startTime The time in ms when the animation has started
+       *
+       * @returns {void}
+       */
+
+      const scrollToTarget = (distFromTop, startPos, startTime) => {
+        const now = getTime();
+        const elapsed = now - startTime;
+        let duration = Math.max(1, this.settings.duration);
+        const distToScroll = distFromTop - startPos;
+        const scrollPx = distToScroll < 0 ? distToScroll * -1 : distToScroll;
+
+        if (this.settings.durationRelative) {
+          let durationRelativePx =
+            typeof this.settings.durationRelative == "number"
+              ? this.settings.durationRelative
+              : 1000;
+          duration = Math.max(
+            this.settings.duration,
+            scrollPx * (duration / durationRelativePx)
+          );
+        } // Set a minimum duration
+
+        if (this.settings.durationMin && duration < this.settings.durationMin) {
+          duration = this.settings.durationMin;
+        } // Set a maximum duration
+
+        if (this.settings.durationMax && duration > this.settings.durationMax) {
+          duration = this.settings.durationMax;
         }
-      });
-      return links;
-    };
-    /**
-     * Handler for the click event
-     *
-     * @param {object} e The current Event
-     *
-     * @returns {void}
-     */
-
-    var clickHandler = function clickHandler(e) {
-      // Prevent Default Behaviour of how the browser would treat the click event
-      e.preventDefault();
-
-      var currentTarget = _$(getTargetElement(e.target));
-
-      if (!currentTarget || !validateSelector(currentTarget)) {
-        return;
-      } // Start Scrolling
-
-      _this.scrollTo(currentTarget);
-    };
-    /**
-     * Animate scrolling
-     *
-     * @param {number} distFromTop Distance to be scrolled from top
-     * @param {number} startPos Distance from top when the animation has started
-     * @param {number} startTime The time in ms when the animation has started
-     *
-     * @returns {void}
-     */
-
-    var scrollToTarget = function scrollToTarget(
-      distFromTop,
-      startPos,
-      startTime
-    ) {
-      var now = getTime();
-      var elapsed = now - startTime;
-      var duration = Math.max(1, _this.settings.duration);
-      var distToScroll = distFromTop - startPos;
-      var scrollPx = distToScroll < 0 ? distToScroll * -1 : distToScroll;
-
-      if (_this.settings.durationRelative) {
-        var durationRelativePx =
-          typeof _this.settings.durationRelative == "number"
-            ? _this.settings.durationRelative
-            : 1000;
-        duration = Math.max(
-          _this.settings.duration,
-          scrollPx * (duration / durationRelativePx)
+
+        const timeFunction = Easings[this.settings.easing](
+          elapsed,
+          startPos,
+          distToScroll,
+          duration
         );
-      } // Set a minimum duration
+        let curScrollPosition =
+          window.pageYOffset || d.body.scrollTop || d.documentElement.scrollTop; // Callback onScrollUpdate
 
-      if (_this.settings.durationMin && duration < _this.settings.durationMin) {
-        duration = _this.settings.durationMin;
-      } // Set a maximum duration
+        if (this.settings.onScrollUpdate) {
+          this.settings.onScrollUpdate({
+            startPosition: startPos,
+            currentPosition: curScrollPosition,
+            endPosition: distFromTop,
+          });
+        }
 
-      if (_this.settings.durationMax && duration > _this.settings.durationMax) {
-        duration = _this.settings.durationMax;
-      }
+        window.scroll(0, Math.ceil(timeFunction));
 
-      var timeFunction = Easings[_this.settings.easing](
-        elapsed,
-        startPos,
-        distToScroll,
-        duration
-      );
+        if (elapsed > duration) {
+          // Callback onScrollEnd
+          if (this.settings.onScrollEnd) {
+            this.settings.onScrollEnd({
+              startPosition: startPos,
+              endPosition: distFromTop,
+            });
+          } // Stop when the element is reached
 
-      var curScrollPosition =
-        window.pageYOffset || d.body.scrollTop || d.documentElement.scrollTop; // Callback onScrollUpdate
+          return;
+        }
 
-      if (_this.settings.onScrollUpdate) {
-        _this.settings.onScrollUpdate({
-          startPosition: startPos,
-          currentPosition: curScrollPosition,
-          endPosition: distFromTop,
+        scrollAnimationFrame = reqAnimFrame(() => {
+          scrollToTarget(distFromTop, startPos, startTime);
         });
-      }
-
-      window.scroll(0, Math.ceil(timeFunction));
-
-      if (elapsed > duration) {
-        // Callback onScrollEnd
-        if (_this.settings.onScrollEnd) {
-          _this.settings.onScrollEnd({
-            startPosition: startPos,
-            endPosition: distFromTop,
+      };
+      /**
+       * Add and remove Events
+       *
+       * @param {string} action The current state
+       * @param {array} linksFiltered Array with all available Smooth Scroll Links
+       */
+
+      const handleEvents = (action, linksFiltered) => {
+        Array.prototype.forEach.call(linksFiltered, link => {
+          if (action == "add") {
+            link.addEventListener("click", clickHandler);
+          } else if (action == "remove") {
+            link.removeEventListener("click", clickHandler, false);
+          }
+        });
+      };
+      /**
+       * Bind Events
+       *
+       * @param {array} linksFiltered Array of anchor Elements
+       *
+       * @returns {void}
+       */
+
+      const BindEvents = linksFiltered => {
+        handleEvents("add", linksFiltered); // Cancel Animation on User Scroll Interaction
+
+        let cancelAnimationOnEvents = ["mousewheel", "wheel", "touchstart"];
+        cancelAnimationOnEvents.forEach(ev => {
+          window.addEventListener(ev, () => {
+            this.cancelScroll();
           });
-        } // Stop when the element is reached
+        });
+      };
+      /**
+       * Remove Events
+       *
+       * @param {array} linksFiltered Array of anchor Elements
+       *
+       * @returns {void}
+       */
+
+      const RemoveEvents = linksFiltered => {
+        // Do nothing if the plugin is not already initialized
+        if (!this.settings) {
+          return;
+        }
 
-        return;
-      }
+        handleEvents("remove", linksFiltered);
+      };
+      /**
+       * Method: init
+       */
+
+      this.init = () => {
+        // Destroy any existing initialization
+        this.destroy(); // Bind Events
+
+        BindEvents.call(this, linkCollector());
+      };
+      /**
+       * Method: destroy
+       */
+
+      this.destroy = () => {
+        // Remove Events
+        RemoveEvents.call(this, linkCollector());
+      };
+      /**
+       * Method: scrollTo
+       */
+
+      this.scrollTo = currentTarget => {
+        if (!currentTarget) {
+          return;
+        } // Do nothing if the selector is no Element of the DOM
+
+        if (!validateSelector(currentTarget)) {
+          return;
+        }
 
-      scrollAnimationFrame = reqAnimFrame(function() {
-        scrollToTarget(distFromTop, startPos, startTime);
-      });
-    };
-    /**
-     * Add and remove Events
-     *
-     * @param {string} action The current state
-     * @param {array} linksFiltered Array with all available Smooth Scroll Links
-     */
-
-    var handleEvents = function handleEvents(action, linksFiltered) {
-      Array.prototype.forEach.call(linksFiltered, function(link) {
-        if (action == "add") {
-          link.addEventListener("click", clickHandler);
-        } else if (action == "remove") {
-          link.removeEventListener("click", clickHandler, false);
+        if (!isDomElement(currentTarget)) {
+          currentTarget = _$(currentTarget);
         }
-      });
-    };
-    /**
-     * Bind Events
-     *
-     * @param {array} linksFiltered Array of anchor Elements
-     *
-     * @returns {void}
-     */
-
-    var BindEvents = function BindEvents(linksFiltered) {
-      handleEvents("add", linksFiltered); // Cancel Animation on User Scroll Interaction
-
-      var cancelAnimationOnEvents = ["mousewheel", "wheel", "touchstart"];
-      cancelAnimationOnEvents.forEach(function(ev) {
-        window.addEventListener(ev, function() {
-          _this.cancelScroll();
-        });
-      });
-    };
-    /**
-     * Remove Events
-     *
-     * @param {array} linksFiltered Array of anchor Elements
-     *
-     * @returns {void}
-     */
-
-    var RemoveEvents = function RemoveEvents(linksFiltered) {
-      // Do nothing if the plugin is not already initialized
-      if (!_this.settings) {
-        return;
-      }
 
-      handleEvents("remove", linksFiltered);
-    };
-    /**
-     * Method: init
-     */
-
-    this.init = function() {
-      // Destroy any existing initialization
-      _this.destroy(); // Bind Events
-
-      BindEvents.call(_this, linkCollector());
-    };
-    /**
-     * Method: destroy
-     */
-
-    this.destroy = function() {
-      // Remove Events
-      RemoveEvents.call(_this, linkCollector());
-    };
-    /**
-     * Method: scrollTo
-     */
-
-    this.scrollTo = function(currentTarget) {
-      if (!currentTarget) {
-        return;
-      } // Do nothing if the selector is no Element of the DOM
-
-      if (!validateSelector(currentTarget)) {
-        return;
-      }
+        const windowStartPos =
+          window.pageYOffset || d.body.scrollTop || d.documentElement.scrollTop;
+        const startTime = getTime();
+        const docHeight = getDocHeight();
+        const winHeight =
+          w.innerHeight ||
+          d.documentElement.clientHeight ||
+          d.getElementsByTagName("body")[0].clientHeight;
+        const targetOffset = currentTarget.offsetTop;
+        let distFromTop = Math.ceil(
+          docHeight - targetOffset < winHeight
+            ? docHeight - winHeight
+            : targetOffset
+        );
 
-      if (!isDomElement(currentTarget)) {
-        currentTarget = _$(currentTarget);
-      }
+        if (this.settings.fixedHeader !== null) {
+          const fixedHeader = _$(this.settings.fixedHeader);
 
-      var windowStartPos =
-        window.pageYOffset || d.body.scrollTop || d.documentElement.scrollTop;
-      var startTime = getTime();
-      var docHeight = getDocHeight();
-      var winHeight =
-        w.innerHeight ||
-        d.documentElement.clientHeight ||
-        d.getElementsByTagName("body")[0].clientHeight;
-      var targetOffset = currentTarget.offsetTop;
-      var distFromTop = Math.ceil(
-        docHeight - targetOffset < winHeight
-          ? docHeight - winHeight
-          : targetOffset
-      );
+          if (fixedHeader.tagName) {
+            distFromTop -= Math.ceil(
+              fixedHeader.getBoundingClientRect().height
+            );
+          }
+        } // Distance can't be negative
 
-      if (_this.settings.fixedHeader !== null) {
-        var fixedHeader = _$(_this.settings.fixedHeader);
+        distFromTop = distFromTop < 0 ? 0 : distFromTop; // Callback onScrollStart
 
-        if (fixedHeader.tagName) {
-          distFromTop -= Math.ceil(fixedHeader.getBoundingClientRect().height);
+        if (this.settings.onScrollStart) {
+          this.settings.onScrollStart({
+            startPosition: windowStartPos,
+            endPosition: distFromTop,
+          });
+        } // Start Scroll Animation
+
+        scrollToTarget(distFromTop, windowStartPos, startTime);
+      };
+      /**
+       * Method: cancelScroll
+       */
+
+      this.cancelScroll = () => {
+        // Do nothing if no scroll Event has fired
+        if (!scrollAnimationFrame) {
+          return;
         }
-      } // Distance can't be negative
-
-      distFromTop = distFromTop < 0 ? 0 : distFromTop; // Callback onScrollStart
-
-      if (_this.settings.onScrollStart) {
-        _this.settings.onScrollStart({
-          startPosition: windowStartPos,
-          endPosition: distFromTop,
-        });
-      } // Start Scroll Animation
-
-      scrollToTarget(distFromTop, windowStartPos, startTime);
-    };
-    /**
-     * Method: cancelScroll
-     */
-
-    this.cancelScroll = function() {
-      // Do nothing if no scroll Event has fired
-      if (!scrollAnimationFrame) {
-        return;
-      }
 
-      cancelAnimFrame(scrollAnimationFrame);
-    };
-    /**
-     * Method: update
-     *
-     * @param {object} obj The settings to be updated from the original instance
-     */
-
-    this.update = function(obj) {
-      if (!(obj instanceof Object)) {
-        return;
-      }
-
-      for (
-        var _i = 0, _Object$entries = Object.entries(obj);
-        _i < _Object$entries.length;
-        _i++
-      ) {
-        var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
-          key = _Object$entries$_i[0],
-          value = _Object$entries$_i[1];
+        cancelAnimFrame(scrollAnimationFrame);
+      };
+      /**
+       * Method: update
+       *
+       * @param {object} obj The settings to be updated from the original instance
+       */
+
+      this.update = obj => {
+        if (!(obj instanceof Object)) {
+          return;
+        }
 
-        _this.settings[key] = value;
-      }
-    };
-  };
+        for (let [key, value] of Object.entries(obj)) {
+          this.settings[key] = value;
+        }
+      };
+    }
+  }
 
   return scrollToSmooth;
 })();
diff --git a/dist/scrolltosmooth.min.js b/dist/scrolltosmooth.min.js
index d2cbab8..1caaacb 100644
--- a/dist/scrolltosmooth.min.js
+++ b/dist/scrolltosmooth.min.js
@@ -1,6 +1,6 @@
 /**
  * Vanilla JS Smooth Scroll
  * Author: Bastian Fießinger
- * Version: 2.1.1
+ * Version: 2.1.2
  */
-var scrollToSmooth=function(){"use strict";function t(t,n){return function(t){if(Array.isArray(t))return t}(t)||function(t,n){if(!(Symbol.iterator in Object(t)||"[object Arguments]"===Object.prototype.toString.call(t)))return;var e=[],r=!0,i=!1,o=void 0;try{for(var a,u=t[Symbol.iterator]();!(r=(a=u.next()).done)&&(e.push(a.value),!n||e.length!==n);r=!0);}catch(t){i=!0,o=t}finally{try{r||null==u.return||u.return()}finally{if(i)throw o}}return e}(t,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}function n(t,n,r,i){return r-e(i-t,0,r,i)+n}function e(t,n,e,r){return(t/=r)<1/2.75?e*(7.5625*t*t)+n:t<2/2.75?e*(7.5625*(t-=1.5/2.75)*t+.75)+n:t<2.5/2.75?e*(7.5625*(t-=2.25/2.75)*t+.9375)+n:e*(7.5625*(t-=2.625/2.75)*t+.984375)+n}var r=Object.freeze({__proto__:null,linear:function(t,n,e,r){return e},easeInQuad:function(t,n,e,r){return e*(t/=r)*t+n},easeOutQuad:function(t,n,e,r){return-e*(t/=r)*(t-2)+n},easeInOutQuad:function(t,n,e,r){return(t/=r/2)<1?e/2*t*t+n:-e/2*(--t*(t-2)-1)+n},easeInCubic:function(t,n,e,r){return e*(t/=r)*t*t+n},easeOutCubic:function(t,n,e,r){return e*((t=t/r-1)*t*t+1)+n},easeInOutCubic:function(t,n,e,r){return(t/=r/2)<1?e/2*t*t*t+n:e/2*((t-=2)*t*t+2)+n},easeInQuart:function(t,n,e,r){return e*(t/=r)*t*t*t+n},easeOutQuart:function(t,n,e,r){return-e*((t=t/r-1)*t*t*t-1)+n},easeInOutQuart:function(t,n,e,r){return(t/=r/2)<1?e/2*t*t*t*t+n:-e/2*((t-=2)*t*t*t-2)+n},easeInQuint:function(t,n,e,r){return e*(t/=r)*t*t*t*t+n},easeOutQuint:function(t,n,e,r){return e*((t=t/r-1)*t*t*t*t+1)+n},easeInOutQuint:function(t,n,e,r){return(t/=r/2)<1?e/2*t*t*t*t*t+n:e/2*((t-=2)*t*t*t*t+2)+n},easeInSine:function(t,n,e,r){return-e*Math.cos(t/r*(Math.PI/2))+e+n},easeOutSine:function(t,n,e,r){return e*Math.sin(t/r*(Math.PI/2))+n},easeInOutSine:function(t,n,e,r){return-e/2*(Math.cos(Math.PI*t/r)-1)+n},easeInExpo:function(t,n,e,r){return 0===t?n:e*Math.pow(2,10*(t/r-1))+n},easeOutExpo:function(t,n,e,r){return t===r?n+e:e*(1-Math.pow(2,-10*t/r))+n},easeInOutExpo:function(t,n,e,r){return 0===t?n:t===r?n+e:(t/=r/2)<1?e/2*Math.pow(2,10*(t-1))+n:e/2*(2-Math.pow(2,-10*--t))+n},easeInCirc:function(t,n,e,r){return-e*(Math.sqrt(1-(t/=r)*t)-1)+n},easeOutCirc:function(t,n,e,r){return e*Math.sqrt(1-(t=t/r-1)*t)+n},easeInOutCirc:function(t,n,e,r){return(t/=r/2)<1?-e/2*(Math.sqrt(1-t*t)-1)+n:e/2*(Math.sqrt(1-(t-=2)*t)+1)+n},easeInElastic:function(t,n,e,r){var i=1.70158,o=0,a=e;return 0===t?n:1==(t/=r)?n+e:(o||(o=.3*r),a<Math.abs(e)?(a=e,i=o/4):i=o/(2*Math.PI)*Math.asin(e/a),-a*Math.pow(2,10*(t-=1))*Math.sin((t*r-i)*(2*Math.PI)/o)+n)},easeOutElastic:function(t,n,e,r){var i=1.70158,o=0,a=e;return 0===t?n:1==(t/=r)?n+e:(o||(o=.3*r),a<Math.abs(e)?(a=e,i=o/4):i=o/(2*Math.PI)*Math.asin(e/a),a*Math.pow(2,-10*t)*Math.sin((t*r-i)*(2*Math.PI)/o)+e+n)},easeInOutElastic:function(t,n,e,r){var i=1.70158,o=0,a=e;return 0===t?n:2==(t/=r/2)?n+e:(o||(o=r*(.3*1.5)),a<Math.abs(e)?(a=e,i=o/4):i=o/(2*Math.PI)*Math.asin(e/a),t<1?a*Math.pow(2,10*(t-=1))*Math.sin((t*r-i)*(2*Math.PI)/o)*-.5+n:a*Math.pow(2,-10*(t-=1))*Math.sin((t*r-i)*(2*Math.PI)/o)*.5+e+n)},easeInBack:function(t,n,e,r,i){return void 0===i&&(i=1.70158),e*(t/=r)*t*((i+1)*t-i)+n},easeOutBack:function(t,n,e,r,i){return void 0===i&&(i=1.70158),e*((t=t/r-1)*t*((i+1)*t+i)+1)+n},easeInOutBack:function(t,n,e,r,i){return void 0===i&&(i=1.70158),(t/=r/2)<1?e/2*(t*t*((1+(i*=1.525))*t-i))+n:e/2*((t-=2)*t*((1+(i*=1.525))*t+i)+2)+n},easeInBounce:n,easeOutBounce:e,easeInOutBounce:function(t,r,i,o){return t<o/2?.5*n(2*t,0,i,o)+r:.5*e(2*t-o,0,i,o)+.5*i+r}});return function n(e,i){var o=this;!function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,n),this.elements;var a,u,s=document,c=window,l=function(t){return s.querySelector(t)},f=function(t){return t instanceof Node||t instanceof NodeList||t instanceof HTMLCollection};f(e)?this.elements=e:this.elements=(u=e,s.querySelectorAll(u));var h=function(t){var n=!0;try{f(t)||l(t)}catch(t){n=!1}return n},d=function(){return c.performance&&"now"in c.performance?performance.now():(new Date).getTime()},g=function(t){var n=new RegExp("("+location.hash+")?$");return(t.baseURI||document.URL).replace(n,"")},m=function(t){var n=g(t),e="href"===o.settings.targetAttribute?t.href.replace(n,""):t.getAttribute(o.settings.targetAttribute);return o.settings.topOnEmptyHash&&"#"==e&&(e="body"),e};this.settings=function(){for(var t={},n=arguments.length,e=new Array(n),r=0;r<n;r++)e[r]=arguments[r];return Array.prototype.forEach.call(e,(function(n){for(var e in n){if(!Object.prototype.hasOwnProperty.call(n,e))return;t[e]=n[e]}})),t}({targetAttribute:"href",duration:400,durationRelative:!1,durationMin:null,durationMax:null,easing:"linear",onScrollStart:null,onScrollUpdate:null,onScrollEnd:null,fixedHeader:null,topOnEmptyHash:!0},i||{});var p=c.requestAnimationFrame||c.mozRequestAnimationFrame||c.webkitRequestAnimationFrame||c.msRequestAnimationFrame,M=c.cancelAnimationFrame||c.mozCancelAnimationFrame,v=function(){var t=[];return Array.prototype.forEach.call(o.elements,(function(n){var e=g(n),r=m(n);h(r)&&("href"!==o.settings.targetAttribute||-1==n.href.indexOf(e)||-1==n.href.indexOf("#")||""==n.hash&&!o.settings.topOnEmptyHash?"href"!==o.settings.targetAttribute&&t.push(n):t.push(n))})),t},y=function(t){t.preventDefault();var n=l(m(t.target));n&&h(n)&&o.scrollTo(n)},O=function(t,n){Array.prototype.forEach.call(n,(function(n){"add"==t?n.addEventListener("click",y):"remove"==t&&n.removeEventListener("click",y,!1)}))},b=function(t){O("add",t);["mousewheel","wheel","touchstart"].forEach((function(t){window.addEventListener(t,(function(){o.cancelScroll()}))}))},w=function(t){o.settings&&O("remove",t)};this.init=function(){o.destroy(),b.call(o,v())},this.destroy=function(){w.call(o,v())},this.scrollTo=function(t){if(t&&h(t)){f(t)||(t=l(t));var n=window.pageYOffset||s.body.scrollTop||s.documentElement.scrollTop,e=d(),i=Math.max(s.body.scrollHeight,s.body.offsetHeight,s.body.clientHeight,s.documentElement.scrollHeight,s.documentElement.offsetHeight,s.documentElement.clientHeight),u=c.innerHeight||s.documentElement.clientHeight||s.getElementsByTagName("body")[0].clientHeight,g=t.offsetTop,m=Math.ceil(i-g<u?i-u:g);if(null!==o.settings.fixedHeader){var M=l(o.settings.fixedHeader);M.tagName&&(m-=Math.ceil(M.getBoundingClientRect().height))}m=m<0?0:m,o.settings.onScrollStart&&o.settings.onScrollStart({startPosition:n,endPosition:m}),function t(n,e,i){var u=d()-i,c=Math.max(1,o.settings.duration),l=n-e,f=l<0?-1*l:l;if(o.settings.durationRelative){var h="number"==typeof o.settings.durationRelative?o.settings.durationRelative:1e3;c=Math.max(o.settings.duration,f*(c/h))}o.settings.durationMin&&c<o.settings.durationMin&&(c=o.settings.durationMin),o.settings.durationMax&&c>o.settings.durationMax&&(c=o.settings.durationMax);var g=r[o.settings.easing](u,e,l,c),m=window.pageYOffset||s.body.scrollTop||s.documentElement.scrollTop;o.settings.onScrollUpdate&&o.settings.onScrollUpdate({startPosition:e,currentPosition:m,endPosition:n}),window.scroll(0,Math.ceil(g)),u>c?o.settings.onScrollEnd&&o.settings.onScrollEnd({startPosition:e,endPosition:n}):a=p((function(){t(n,e,i)}))}(m,n,e)}},this.cancelScroll=function(){a&&M(a)},this.update=function(n){if(n instanceof Object)for(var e=0,r=Object.entries(n);e<r.length;e++){var i=t(r[e],2),a=i[0],u=i[1];o.settings[a]=u}}}}();
+var scrollToSmooth=function(){"use strict";function t(t,n,i,r){return i-e(r-t,0,i,r)+n}function e(t,e,n,i){return(t/=i)<1/2.75?n*(7.5625*t*t)+e:t<2/2.75?n*(7.5625*(t-=1.5/2.75)*t+.75)+e:t<2.5/2.75?n*(7.5625*(t-=2.25/2.75)*t+.9375)+e:n*(7.5625*(t-=2.625/2.75)*t+.984375)+e}var n=Object.freeze({__proto__:null,linear:function(t,e,n,i){return n*t/i+e},easeInQuad:function(t,e,n,i){return n*(t/=i)*t+e},easeOutQuad:function(t,e,n,i){return-n*(t/=i)*(t-2)+e},easeInOutQuad:function(t,e,n,i){return(t/=i/2)<1?n/2*t*t+e:-n/2*(--t*(t-2)-1)+e},easeInCubic:function(t,e,n,i){return n*(t/=i)*t*t+e},easeOutCubic:function(t,e,n,i){return n*((t=t/i-1)*t*t+1)+e},easeInOutCubic:function(t,e,n,i){return(t/=i/2)<1?n/2*t*t*t+e:n/2*((t-=2)*t*t+2)+e},easeInQuart:function(t,e,n,i){return n*(t/=i)*t*t*t+e},easeOutQuart:function(t,e,n,i){return-n*((t=t/i-1)*t*t*t-1)+e},easeInOutQuart:function(t,e,n,i){return(t/=i/2)<1?n/2*t*t*t*t+e:-n/2*((t-=2)*t*t*t-2)+e},easeInQuint:function(t,e,n,i){return n*(t/=i)*t*t*t*t+e},easeOutQuint:function(t,e,n,i){return n*((t=t/i-1)*t*t*t*t+1)+e},easeInOutQuint:function(t,e,n,i){return(t/=i/2)<1?n/2*t*t*t*t*t+e:n/2*((t-=2)*t*t*t*t+2)+e},easeInSine:function(t,e,n,i){return-n*Math.cos(t/i*(Math.PI/2))+n+e},easeOutSine:function(t,e,n,i){return n*Math.sin(t/i*(Math.PI/2))+e},easeInOutSine:function(t,e,n,i){return-n/2*(Math.cos(Math.PI*t/i)-1)+e},easeInExpo:function(t,e,n,i){return 0===t?e:n*Math.pow(2,10*(t/i-1))+e},easeOutExpo:function(t,e,n,i){return t===i?e+n:n*(1-Math.pow(2,-10*t/i))+e},easeInOutExpo:function(t,e,n,i){return 0===t?e:t===i?e+n:(t/=i/2)<1?n/2*Math.pow(2,10*(t-1))+e:n/2*(2-Math.pow(2,-10*--t))+e},easeInCirc:function(t,e,n,i){return-n*(Math.sqrt(1-(t/=i)*t)-1)+e},easeOutCirc:function(t,e,n,i){return n*Math.sqrt(1-(t=t/i-1)*t)+e},easeInOutCirc:function(t,e,n,i){return(t/=i/2)<1?-n/2*(Math.sqrt(1-t*t)-1)+e:n/2*(Math.sqrt(1-(t-=2)*t)+1)+e},easeInElastic:function(t,e,n,i){var r=1.70158,s=0,a=n;return 0===t?e:1==(t/=i)?e+n:(s||(s=.3*i),a<Math.abs(n)?(a=n,r=s/4):r=s/(2*Math.PI)*Math.asin(n/a),-a*Math.pow(2,10*(t-=1))*Math.sin((t*i-r)*(2*Math.PI)/s)+e)},easeOutElastic:function(t,e,n,i){var r=1.70158,s=0,a=n;return 0===t?e:1==(t/=i)?e+n:(s||(s=.3*i),a<Math.abs(n)?(a=n,r=s/4):r=s/(2*Math.PI)*Math.asin(n/a),a*Math.pow(2,-10*t)*Math.sin((t*i-r)*(2*Math.PI)/s)+n+e)},easeInOutElastic:function(t,e,n,i){var r=1.70158,s=0,a=n;return 0===t?e:2==(t/=i/2)?e+n:(s||(s=i*(.3*1.5)),a<Math.abs(n)?(a=n,r=s/4):r=s/(2*Math.PI)*Math.asin(n/a),t<1?a*Math.pow(2,10*(t-=1))*Math.sin((t*i-r)*(2*Math.PI)/s)*-.5+e:a*Math.pow(2,-10*(t-=1))*Math.sin((t*i-r)*(2*Math.PI)/s)*.5+n+e)},easeInBack:function(t,e,n,i,r){return void 0===r&&(r=1.70158),n*(t/=i)*t*((r+1)*t-r)+e},easeOutBack:function(t,e,n,i,r){return void 0===r&&(r=1.70158),n*((t=t/i-1)*t*((r+1)*t+r)+1)+e},easeInOutBack:function(t,e,n,i,r){return void 0===r&&(r=1.70158),(t/=i/2)<1?n/2*(t*t*((1+(r*=1.525))*t-r))+e:n/2*((t-=2)*t*((1+(r*=1.525))*t+r)+2)+e},easeInBounce:t,easeOutBounce:e,easeInOutBounce:function(n,i,r,s){return n<s/2?.5*t(2*n,0,r,s)+i:.5*e(2*n-s,0,r,s)+.5*r+i}});return class{constructor(t,e){this.elements;const i=document,r=window;let s,a=t=>i.querySelector(t),o=t=>t instanceof Node||t instanceof NodeList||t instanceof HTMLCollection;var u;o(t)?this.elements=t:this.elements=(u=t,i.querySelectorAll(u));let c=t=>{let e=!0;try{o(t)||a(t)}catch(t){e=!1}return e},l=()=>r.performance&&"now"in r.performance?performance.now():(new Date).getTime(),h=t=>{let e=new RegExp("("+location.hash+")?$");return(t.baseURI||document.URL).replace(e,"")},f=t=>{let e=h(t),n="href"===this.settings.targetAttribute?t.href.replace(e,""):t.getAttribute(this.settings.targetAttribute);return this.settings.topOnEmptyHash&&"#"==n&&(n="body"),n};this.settings=((...t)=>{var e={};return Array.prototype.forEach.call(t,t=>{for(var n in t){if(!Object.prototype.hasOwnProperty.call(t,n))return;e[n]=t[n]}}),e})({targetAttribute:"href",duration:400,durationRelative:!1,durationMin:null,durationMax:null,easing:"linear",onScrollStart:null,onScrollUpdate:null,onScrollEnd:null,fixedHeader:null,topOnEmptyHash:!0},e||{});const d=r.requestAnimationFrame||r.mozRequestAnimationFrame||r.webkitRequestAnimationFrame||r.msRequestAnimationFrame,g=r.cancelAnimationFrame||r.mozCancelAnimationFrame,m=()=>{let t=[];return Array.prototype.forEach.call(this.elements,e=>{let n=h(e),i=f(e);c(i)&&("href"!==this.settings.targetAttribute||-1==e.href.indexOf(n)||-1==e.href.indexOf("#")||""==e.hash&&!this.settings.topOnEmptyHash?"href"!==this.settings.targetAttribute&&t.push(e):t.push(e))}),t},M=t=>{t.preventDefault();let e=a(f(t.target));e&&c(e)&&this.scrollTo(e)},p=(t,e,r)=>{const a=l()-r;let o=Math.max(1,this.settings.duration);const u=t-e,c=u<0?-1*u:u;if(this.settings.durationRelative){let t="number"==typeof this.settings.durationRelative?this.settings.durationRelative:1e3;o=Math.max(this.settings.duration,c*(o/t))}this.settings.durationMin&&o<this.settings.durationMin&&(o=this.settings.durationMin),this.settings.durationMax&&o>this.settings.durationMax&&(o=this.settings.durationMax);const h=n[this.settings.easing](a,e,u,o);let f=window.pageYOffset||i.body.scrollTop||i.documentElement.scrollTop;this.settings.onScrollUpdate&&this.settings.onScrollUpdate({startPosition:e,currentPosition:f,endPosition:t}),window.scroll(0,Math.ceil(h)),a>o?this.settings.onScrollEnd&&this.settings.onScrollEnd({startPosition:e,endPosition:t}):s=d(()=>{p(t,e,r)})},O=(t,e)=>{Array.prototype.forEach.call(e,e=>{"add"==t?e.addEventListener("click",M):"remove"==t&&e.removeEventListener("click",M,!1)})},I=t=>{O("add",t);["mousewheel","wheel","touchstart"].forEach(t=>{window.addEventListener(t,()=>{this.cancelScroll()})})},E=t=>{this.settings&&O("remove",t)};this.init=()=>{this.destroy(),I.call(this,m())},this.destroy=()=>{E.call(this,m())},this.scrollTo=t=>{if(!t)return;if(!c(t))return;o(t)||(t=a(t));const e=window.pageYOffset||i.body.scrollTop||i.documentElement.scrollTop,n=l(),s=Math.max(i.body.scrollHeight,i.body.offsetHeight,i.body.clientHeight,i.documentElement.scrollHeight,i.documentElement.offsetHeight,i.documentElement.clientHeight),u=r.innerHeight||i.documentElement.clientHeight||i.getElementsByTagName("body")[0].clientHeight,h=t.offsetTop;let f=Math.ceil(s-h<u?s-u:h);if(null!==this.settings.fixedHeader){const t=a(this.settings.fixedHeader);t.tagName&&(f-=Math.ceil(t.getBoundingClientRect().height))}f=f<0?0:f,this.settings.onScrollStart&&this.settings.onScrollStart({startPosition:e,endPosition:f}),p(f,e,n)},this.cancelScroll=()=>{s&&g(s)},this.update=t=>{if(t instanceof Object)for(let[e,n]of Object.entries(t))this.settings[e]=n}}}}();
diff --git a/package-lock.json b/package-lock.json
index 928219c..882f136 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "scrolltosmooth",
-  "version": "2.0.0",
+  "version": "2.1.1",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index 018bd27..7cb45b0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "scrolltosmooth",
-  "version": "2.1.1",
+  "version": "2.1.2",
   "description": "a vanilla JS smooth scroll to anchor script",
   "main": "src/scrolltosmooth.js",
   "scripts": {
@@ -34,4 +34,4 @@
     "rollup-plugin-terser": "^5.2.0"
   },
   "dependencies": {}
-}
\ No newline at end of file
+}
diff --git a/rollup.config.js b/rollup.config.js
index d3b6447..e87c957 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -5,7 +5,7 @@ import { terser } from 'rollup-plugin-terser';
 const prettier = require('rollup-plugin-prettier');
 
 const srcScript = 'src/scrolltosmooth.js';
-const version = '2.1.1';
+const version = '2.1.2';
 const banner = '/**\n\
 * Vanilla JS Smooth Scroll\n\
 * Author: Bastian Fießinger\n\
@@ -19,7 +19,6 @@ export default [{
     file: 'dist/scrolltosmooth.js',
     format: 'iife',
     name: 'scrollToSmooth',
-
     banner: banner
   },
   plugins: [
@@ -39,7 +38,6 @@ export default [{
     file: 'dist/scrolltosmooth.min.js',
     format: 'iife',
     name: 'scrollToSmooth',
-
     banner: banner
   },
   plugins: [
diff --git a/src/easings.js b/src/easings.js
index bef2fad..e98581f 100644
--- a/src/easings.js
+++ b/src/easings.js
@@ -1,5 +1,6 @@
 function linear(elapsed, initialValue, amountOfChange, duration) {
-    return amountOfChange;
+    return (amountOfChange * elapsed) / duration + initialValue;
+    ;
 }
 function easeInQuad(elapsed, initialValue, amountOfChange, duration) {
     return amountOfChange * (elapsed /= duration) * elapsed + initialValue;
diff --git a/src/easings.ts b/src/easings.ts
index 3b6471f..bc2da31 100644
--- a/src/easings.ts
+++ b/src/easings.ts
@@ -1,5 +1,5 @@
 function linear(elapsed: number, initialValue: number, amountOfChange: number, duration: number): number {
-	return amountOfChange;
+	return (amountOfChange * elapsed) / duration + initialValue;;
 }
 
 function easeInQuad(elapsed: number, initialValue: number, amountOfChange: number, duration: number): number {