Add options.gap

dist/scroll.js

@@ -2,7 +2,7 @@
 * scroll.js 
 * Adds a class when scrolling past selected elements 
 * 
-* @version 1.0.1 
+* @version 1.0.2 
 * @author Emre Koc <[email protected]> 
 */
 'use strict';
@@ -22,9 +22,11 @@ var next = void 0;
 var resizeTimeout = void 0;
 var scrollTimeout = void 0;
 var windowHeight = void 0;
+var windowHeightGapped = void 0;
 
 var options = {
     active: 'active',
+    gap: 0.1,
     priority: 'scroll-priority',
     selector: '.scroll'
 };
@@ -68,6 +70,7 @@ function resize() {
 
 function resizeCalculate() {
     windowHeight = $window.height();
+    windowHeightGapped = windowHeight * (1 - options.gap);
     documentHeight = document.body.scrollHeight - windowHeight * 0.3;
 
     var i = void 0,
@@ -106,7 +109,7 @@ function scroll(e) {
 
     if (next && !scrollTimeout) {
         var top = $window.scrollTop();
-        var bottom = top + windowHeight * 0.9;
+        var bottom = top + windowHeightGapped;
 
         if (next.top <= bottom || top + windowHeight >= documentHeight) {
             next.element.addClass(options.active);

package.json

@@ -1,6 +1,6 @@
 {
     "name": "scroll.js",
-    "version": "1.0.1",
+    "version": "1.0.2",
     "description": "Adds a class when scrolling past selected elements",
     "main": "dist/scroll.js",
     "license": "MIT",

src/scroll.js

@@ -6,9 +6,11 @@ let next;
 let resizeTimeout;
 let scrollTimeout;
 let windowHeight;
+let windowHeightGapped;
 
 let options = {
     active: 'active',
+    gap: 0.1,
     priority: 'scroll-priority',
     selector: '.scroll'
 };
@@ -54,6 +56,7 @@ function resize() {
 
 function resizeCalculate() {
     windowHeight = $window.height();
+    windowHeightGapped = windowHeight * (1 - options.gap);
     documentHeight = document.body.scrollHeight - windowHeight * 0.3;
 
     let i, item;
@@ -92,7 +95,7 @@ function scroll(e) {
 
     if (next && !scrollTimeout) {
         let top = $window.scrollTop();
-        let bottom = top + windowHeight * 0.9;
+        let bottom = top + windowHeightGapped;
 
         if (next.top <= bottom || top + windowHeight >= documentHeight) {
             next.element.addClass(options.active);