jdabs

Without CSS scroll snapping, there doesn't does appear to be stuttering, in that link.

Unfortunately it's still stuttering in Firefox. You can see the markers bouncing for a fraction of a second. simplescreenrecorder-2022-08-22_13.21.41.m4v

Thanks Cassie!! That -1px trick fixes things in Chrome, and allows me to use the callbacks instead of the listening for scroll events. The only thing is that in Firefox it is stuttering (in Chrome its perfect now!). Perhaps something is up with my scroller container? It seems the scroller option does need to be set for it to work. Thanks again. You've made my day better!

Hello, First time on the forums. I believe I have the same issue as NaimeshRao. The pin triggers after you scroll past the slide you are trying to pin. (See the onEnter callback in the console - fires with the onLeave callback). It happens as quick as the scroll snapping, too quickly. https://codepen.io/jdabgotra/pen/ZExwXJy Here is the pin working fine (without any full page snapping using css): https://codepen.io/jdabgotra/pen/ZExwZWd So you can imagine what I'm trying to achieve -- the combination of both pens. I've tried setting the scroller element's scroll-snap-type css to none when the pinned slide comes into view, and setting it back to y mandatory when leaving the slide, which I got sort of working: https://codepen.io/jdabgotra/pen/GRxzLjO The problem is: - In Firefox, the pinned section stutters while scrubbing. The toggling of scroll-snap-type property works well. - In Chrome/Webkit, the pinned section scrubs smoothly, but toggling scroll-snap-type breaks when going to Section 4. Seems setting scroll-snap-type to y mandatory is implemented differently in Chrome than Firefox, with an initial delay. I've also tried using FullPage.js and ScrollTrigger pinning but they don't seem to play well together here. Thanks for any help!