Forum Academy Marketplace Showcase Pricing Features

TIP: :Sync of Scrolling for Repeating Groups

You ever wanted to RG to Scroll together like this?

Here is how we did it:

We installed the CSS Plugin and Java Script Plugin (Toolbox)

Activate Attributes in your Settings

Add this Text to all of your RG you want the Synced Scrolling behavior:

{addClass: "scrollSync"}

And enter this on page load

$(".scrollSync").on("scroll", function() {
	var scrollPos = $(this).scrollLeft();
	var page = $(this).parents(".Page").first();
	$(page).find(".scrollSync").scrollLeft(scrollPos);
});

Hope it works :slight_smile:

5 Likes

Tried this but it doesn’t seem to be working. Do the RGs have to be set to a specific layout style?

Normally not - can you give me access to your editor i will have a look.
This is my settings on the RG


Bildschirmfoto 2022-03-19 um 18.29.01