v0.2.18

README.md

@@ -158,10 +158,9 @@ body {
 }
 ```
 
-#### Stop wheel event propagation on elements with overflow ([see this issue](https://github.com/studio-freight/lenis/issues/14))
-
+#### Use `data-lenis-prevent` attribute on nested scroll elements. In addition, we advice you to add `overscroll-behavior: contain` on this element.
 ```html
-<div onwheel="event.stopPropagation()">scroll content</div>
+<div data-lenis-prevent>scroll content</div>
 ```
 
 #### Manually use `lenis.scrollTo('#anchor')` on anchor link click ([see this issue](https://github.com/studio-freight/lenis/issues/19))
@@ -190,6 +189,7 @@ body {
 - [Quentin Hocde's Portfolio](https://quentinhocde.com) by [Quentin Hocde](https://twitter.com/QuentinHocde)
 - [Houses Of](https://housesof.world) by [Félix P.](https://flayks.com/) & [Shelby Kay](https://shelbykay.dev/)
 - [Shelby Kay's Portfolio](https://shelbykay.dev) by [Shelby Kay](https://shelbykay.dev/)
+- [Heights Agency Portfolio](https://www.heights.agency/) by [Francesco Michelini](https://www.francescomichelini.com/)
 
 <br/>
 

dist/lenis.d.ts

@@ -1,24 +1,4 @@
 export default class Lenis {
-    /**
-     * @typedef {(t: number) => number} EasingFunction
-     * @typedef {'vertical' | 'horizontal'} Direction
-     * @typedef {'vertical' | 'horizontal' | 'both'} GestureDirection
-     *
-     * @typedef LenisOptions
-     * @property {number} [duration]
-     * @property {EasingFunction} [easing]
-     * @property {boolean} [smooth]
-     * @property {number} [mouseMultiplier]
-     * @property {boolean} [smoothTouch]
-     * @property {number} [touchMultiplier]
-     * @property {Direction} [direction]
-     * @property {GestureDirection} [gestureDirection]
-     * @property {boolean} [infinite]
-     * @property {Window | HTMLElement} [wrapper]
-     * @property {HTMLElement} [content]
-     *
-     * @param {LenisOptions}
-     */
     constructor({ duration, easing, smooth, mouseMultiplier, smoothTouch, touchMultiplier, direction, gestureDirection, infinite, wrapper, content, }?: {
         duration?: number;
         easing?: (t: number) => number;
@@ -27,7 +7,7 @@ export default class Lenis {
         smoothTouch?: boolean;
         touchMultiplier?: number;
         direction?: "vertical" | "horizontal";
-        gestureDirection?: "vertical" | "horizontal" | "both";
+        gestureDirection?: "both" | "vertical" | "horizontal";
         infinite?: boolean;
         wrapper?: Window | HTMLElement;
         content?: HTMLElement;
@@ -40,9 +20,9 @@ export default class Lenis {
         smoothTouch: boolean;
         touchMultiplier: number;
         direction: "vertical" | "horizontal";
-        gestureDirection: "vertical" | "horizontal" | "both";
+        gestureDirection: "both" | "vertical" | "horizontal";
         infinite: boolean;
-        wrapper: Window | HTMLElement;
+        wrapper: HTMLElement | Window;
         content: HTMLElement;
     };
     duration: number;
@@ -52,9 +32,9 @@ export default class Lenis {
     smoothTouch: boolean;
     touchMultiplier: number;
     direction: "vertical" | "horizontal";
-    gestureDirection: "vertical" | "horizontal" | "both";
+    gestureDirection: "both" | "vertical" | "horizontal";
     infinite: boolean;
-    wrapperNode: Window | HTMLElement;
+    wrapperNode: HTMLElement | Window;
     contentNode: HTMLElement;
     wrapperHeight: any;
     wrapperWidth: any;