I’m having trouble with:
Scrolling inside an overflow content box instead of the full page.
Working in:
Wix Studio (Dev Mode enabled).
Site link:
(You can paste your test site link here if it’s published or use “not published yet.”)
What I’m trying to do:
I’m building a product configurator with a two-column layout.
-
The left column has a pinned menu with buttons (Color, Body, Power).
-
The right column is an overflow content box that scrolls vertically and includes separate containers:
#ColorSection,#BodySection, and#PowerSection.
I want the menu buttons to scroll only within the right column to the correct container (not the entire page).
What I’ve tried so far:
I’ve added anchors inside the scrollable box and tried using $w().scrollTo() in code, but both cause the entire page to scroll instead. Because the overflow area is technically below the viewport, the target sections appear layered behind the footer when scrolled to.
Extra context:
It looks like Wix Studio doesn’t allow scrolling within a box using anchors or code, but I wanted to confirm whether that’s currently possible — or if there’s a known workaround for scrolling to an element inside an overflow container.