Scroll Snap - Toolset

This support ticket is created 2 years, 11 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

This topic contains 2 replies, has 2 voices.

Last updated by randallH-3 2 years, 11 months ago.

Author

Posts

December 17, 2021 at 2:26 am #2246527

randallH-3

How to create snap div during scroll in blocks/views?

December 17, 2021 at 7:54 am #2246665

Nigel

Supporter

Languages: English (English ) Spanish (Español )

Timezone: Europe/London (GMT+00:00)

You'll need to add some custom CSS to achieve this.

To start, you can learn about scroll snapping with CSS here: hidden link

You'll need to target the wrapper for the View output so that you can apply the scroll-snap-type property, and then the individual loop items that you want to snap to that you can apply the scroll-snap-start property to.

In legacy Views you can edit the markup in the Loop Editor directly to add classes where required, or with Blocks you can add class names in the advanced section to the relevant blocks.

Then target those with the required CSS.

December 20, 2021 at 2:53 am #2248463

randallH-3

My issue is resolved now. Thank you!