Scrollable area on a page with ScrollSmoother

[Oleh_Rusyi 0 Likes (Newbie)]

Hi there. Can I have a scrollable container on a page that has ScrollSmoother initialized?
Scrolling inside such containers (that have overflow: auto ) translates to the whole page scroll.

[OSUblake 18,451 Likes (Superhero)]

Welcome to the forums @Oleh_Rusyi

 

Can you make a minimal demo showing that? And you are you using normalizeScroll?

 

[Oleh_Rusyi 0 Likes (Newbie)]

See the Pen jOYRwaK by rusyioleh (@rusyioleh) on CodePen

[OSUblake 18,451 Likes (Superhero)]

Currently normalizeScroll does not support nested scrollers, but it's something we're investigating. For now you'll just have to disable that feature.

 

ScrollSmoother.create({
            content: "#smooth-content",
            wrapper: "#smooth-wrapper",
            smooth: 1, // how long (in seconds) it takes to "catch up" to the native scroll position
            effects: false, // looks for data-speed and data-lag attributes on elements
            // normalizeScroll: true, // prevents address bar from showing/hiding on most devices, solves various other browser inconsistencies
            smoothTouch: 0,
        })

 

[Oleh_Rusyi 0 Likes (Newbie)]

 Thank you. It's great that we have a smooth scroll feature in gsap, well done 👍