TIP: :Sync of Scrolling for Repeating Groups

[buero]

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

[thedraftprofile]

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

[buero]

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