NO BUG: Scroll snap not working

Hi, I’ve tried to implement scroll snap to a page, both either via the Page Settings or via the Style options, however this did not render neither on the backend nor the frontend. I’ve tested on two installations and in both Chrome and Safari browsers but the Scroll snap feature is not working.
I’ve ended up creating a very simple test page with a few sections (similar to what’s shown in the Bricks Academy scroll snap video) and deactivating all plugins bar woocommerce, yet scroll snap still won’t work for me on either of the two sites. Is this a bug or am I just missing/forgetting something?
I work on Macbook pro in case that’s relevant.
Thanks :pray:

Hi Dita,
Welcome to the forum, and thanks so much for your report!

Can you please provide a live link and a screencast using https://jam.dev showing and explaining step by step what you did so I can replicate the issue, if necessary?

Best regards,
timmse

Hi Timmse,

Ive never been able to get this to work either.
Here’s a screencast: New Recording - 3/26/2024, 6:58:43 PM

Hi Michael,
The selector is wrong. If you want to make the sections snappy, the selector must be #brx-content, because you scroll within the content wrapper.

1 Like

Thanks Timmse.

Got it working. I suspect the design should remain fairly simple when using scroll-snap too.

I’m still having trouble despite the selector workaround. Do we need to apply #brx-content anywhere else than in the scroll snap controls?

Hi Jason,
Depending on how your layout is structured, the selector may be different. Without a live link and without knowing what should be snappy, I can’t answer the question.

Thank you for the quick response! I removed the new selector from the scroll snap controls so you have a bette idea of what’s happening. I’ve tried implementing snap on other pages but still the same issue. On the home page, when I scroll down, nothing snaps, when I start to scroll up the hero section snaps into place regardless of the section currently in view. This page is currently being redesigned.
https://staginggc.online/

Hey @JWessel , sorry for the late reply :v:
I think the scroll snap may be influenced by the Bricksforge scroll trigger/gsap feature. That would at least be a possible explanation for why it is behaving “strangely.”

Of course, scroll-snap’s functionality is relatively limited in principle, as it is a simple CSS property that might have issues in some situations. Don’t expect too much of it :slight_smile: