Exclude by id or class?

  • Resolved thegrbteam

    (@thegrbteam)


    1 year, 2 months ago

    Thank you for this great plugin, great work 🙂

    We had an issue using Lenis where a nested container was not scrolling as scroll is initialised on the html tag. We have found a solution for that taking reference from here:

    https://github.com/darkroomengineering/lenis/blob/main/README.md#nested-scroll

    But it involved changing code the Lenis JS file to exclude or container ID.

    \public_html\wp-content\uploads\wpmss\lenis-init.min.js

    Do you have an plans to add exclusions to your plugin options?

    Thanks in advance! Dan

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author kubiq

    (@kubiq)

    1 year, 2 months ago

    Hello,

    well, like it is written in that GIT, you should use the HTML attributes like data-lenis-prevent-touch or data-lenis-prevent-wheel or data-lenis-prevent.

    The JS way how to prevent this will return whole node and there are many different CSS selectors that you can use to target something, so it can be very tricky to make this works globally for everyone, but there is a global JS variable lenisInstance that you can use to do some custom stuff if you need.

    Let me know if you are able to solve it with this or not 😉

    Thread Starter thegrbteam

    (@thegrbteam)

    1 year, 2 months ago

    Ah perfect, not sure how they missed that. I’ll pass this on to the team and let you know how we get on. Thanks so much 🙂

    Thread Starter thegrbteam

    (@thegrbteam)

    1 year, 1 month ago

    This worked great, thanks @kubiq.

    For anyone reading this who is using Elementor and this plugin you can add data-lenis-prevent-wheel to the Attributes field under Advanced on any container that has this issue.

    Plugin Author kubiq

    (@kubiq)

    1 year, 1 month ago

    Great! Thanks for sharing.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Exclude by id or class?’ is closed to new replies.