Multi Scroll

← All widgetsWidget 216 · emcp_custom_216

Elementor widget2 layouts10 content options13 style options2 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: multiscroll, split, scroll, opposite, fullscreen, panels.

Setup guide

Open a page in Elementor, search the panel for Multi Scroll and drag it into a container.
Content › Panels: Panels, Panel Height, Left Column Width, Scroll Mode, Snap Speed (ms), Side Dots, Dots Position, Panel Counter and 2 more.
Pick a Scroll Mode: Snap panel by panel (wheel, keys, touch), Free scroll, halves move opposite. Each one is shown below.
Style tab sections: Panels. Colours, typography and spacing set here are scoped to this widget instance.
Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.

Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.

Layout

Snap panel by panel (wheel, keys, touch)

Scroll Mode = snap

Design

Layouts that hold up on every screen.

Learn more

Build

Clean markup, fast loading.

Launch

Ship it, measure it, improve it.

Design

Layouts that hold up on every screen.

Learn more

Build

Clean markup, fast loading.

Launch

Ship it, measure it, improve it.

Layout

Free scroll, halves move opposite

Scroll Mode = free

Design

Layouts that hold up on every screen.

Learn more

Build

Clean markup, fast loading.

Launch

Ship it, measure it, improve it.

Design

Layouts that hold up on every screen.

Learn more

Build

Clean markup, fast loading.

Launch

Ship it, measure it, improve it.

Options reference

Every control the widget exposes, grouped by panel section. Names in code are the setting keys used by the MCP tools (add-free-widget, update-widget).

Content tab

Panels

Option	Type	Choices / range	Default	Notes
Panels `panels`	Repeater		3 items
↳ Left Image `left_image`	Image
↳ Left Background `left_color`	Color		#101828
↳ Kicker `kicker`	Text
↳ Title `title`	Text		Panel
↳ Text `text`	Textarea
↳ Button Text `btn`	Text
↳ Button Link `link`	Link
↳ Right Background `right_color`	Color		#ffffff
↳ Right Text Color `right_text`	Color		#101828
↳ Right Image (optional, replaces text) `right_image`	Image
Panel Height `height`	Slider	min 40, max 100, vh/px	100	Responsive
Left Column Width `split`	Slider	min 20, max 80, %	50
Scroll Mode `mode`	Dropdown	Snap panel by panel (wheel, keys, touch), Free scroll, halves move opposite	snap
Snap Speed (ms) `speed`	Number	min 200, max 2000	800
Side Dots `nav`	Toggle	on / off	yes
Dots Position `nav_pos`	Dropdown	Right, Left	right
Panel Counter `counter`	Toggle	on / off
Dot Tooltips (panel titles) `show_titles`	Toggle	on / off	yes
Stack Panels on Mobile `mobile_stack`	Toggle	on / off	yes

Style tab

Panels

Option	Type	Choices / range	Default
Kicker Typography `kicker_typo`	Typography
Title Typography `title_typo`	Typography
Text Typography `text_typo`	Typography
Content Padding `pad`	Dimensions
Content Max Width `maxw`	Slider	min 240, max 1000, px	520
Text Alignment `align`	Button group	Left, Center	left
Left Image Overlay `img_overlay`	Color		rgba(16,24,40,0.2)
Button Text `btn_color`	Color		#ffffff
Button Background `btn_bg`	Color		#101828
Button Radius `btn_radius`	Slider	min 0, max 60, px	8
Dot Color `dot_color`	Color		rgba(16,24,40,0.3)
Active Dot `dot_color_a`	Color		#6a11cb
Widget Radius `radius`	Slider	min 0, max 40, px	0

Add it with the MCP tools

Any connected agent can place this widget: call add-free-widget with widget_type: "emcp_custom_216" and a settings object using the keys above. Run get-custom-widget with id 216 for the full JSON spec.