scrollend event order

darkroomengineering · Dec 27, 2024 · 586dd8d · 586dd8d
1 parent 7d2abea
commit 586dd8d
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 9 deletions.
diff --git a/packages/core/src/lenis.ts b/packages/core/src/lenis.ts
@@ -674,15 +674,17 @@ export class Lenis {
           onComplete?.(this)
           this.userData = {}
 
-          this.options.wrapper.dispatchEvent(
-            new CustomEvent('scrollend', {
-              bubbles: this.options.wrapper === window,
-              // cancelable: false,
-              detail: {
-                lenisScrollEnd: true,
-              },
-            })
-          )
+          requestAnimationFrame(() => {
+            this.options.wrapper.dispatchEvent(
+              new CustomEvent('scrollend', {
+                bubbles: this.options.wrapper === window,
+                // cancelable: false,
+                detail: {
+                  lenisScrollEnd: true,
+                },
+              })
+            )
+          })
 
           // avoid emitting event twice
           this.preventNextNativeScrollEvent()

diff --git a/playground/core/test.ts b/playground/core/test.ts
@@ -17,6 +17,10 @@ document
 //   console.log('scrollend')
 // })
 
+window.addEventListener('scroll', (e) => {
+  console.log('window scroll', e)
+})
+
 window.addEventListener('scrollend', (e) => {
   console.log('window scrollend', e)
 })