feat: close lightbox when scrolling

1 files changed, 7 insertions, 2 deletions

diff --git a/src/lightbox.js b/src/lightbox.js
index b8ef08c..0582149 100644
--- a/src/lightbox.js
+++ b/src/lightbox.js
@@ -14,7 +14,7 @@ export default class LightBox {
     this.container = container;
     this.initOverlay();
     this.initImages();
-    this.initKeyboardShortcuts();
+    this.initControls();
   }
 
   initOverlay() {
@@ -37,12 +37,17 @@ export default class LightBox {
     });
   }
 
-  initKeyboardShortcuts() {
+  initControls() {
+    // keyboard shortcuts
     document.addEventListener('keydown', e => {
       if (e.key === 'Escape' || e.key === ' ') {
         this.closeAll();
       }
     });
+    // scroll to dismiss
+    document.body.addEventListener('wheel', e => {
+      this.closeAll();
+    });
   }
 
   wrapInLink(image) {