Oct 2, 2023 · My site is working as a one page application in javascript so I have to manage all the scripts initialization when I change pages, adding/deleting listeners, parsing the dom to …

(Lenis) by Diego Toda de Oliveira. This set of hooks is curated and maintained by the Studio Freight Darkroom team: The MIT License.

Jan 1, 2014 · Lenis is a lightweight, robust, and performant smooth scroll library. It's designed by @darkroom.engineering to be simple to use and easy to integrate into your projects. It's built …

Manually prevent scroll to be smoothed based on elements traversed by events. If true is returned, it will prevent the scroll to be smoothed.

Feb 12, 2024 · I managed to figure it out, you need to create a custom attribute: data-lenis-prevent=”” and place it, in my case, in the container of the template used by the modal box.

Solution:Add the data-lenis-preventattribute to the container that should be excluded from Lenis control. This allows the modal to handle its own scrolling.

Mar 20, 2024 · I think what you would need is data-lenis-prevent. When we add Lenis, and want to scroll on a component level, Adding this will prevent lenis from breaking the scroll.

Jun 2, 2025 · You can use a function ‘smoothScrollLenisCallback (event)’ in your custom code that will be called by the Lenis scroll event. Note: if you have popup with scrolling content you’ll …

Use the data-lenis-prevent attribute on nested scroll elements, for example scrollable popups. In addition, we advise you to add overscroll-behavior: contain on this element.

Feb 20, 2024 · I'm using the data-lenis-stop attribute on modal open, and data-lenis-start on modal close, however my modal itself has overflow behaviour, so I'm using data-lenis-prevent …