Skip to content

Sticky Content Scroll Documention

1. Introduction (Overview)

The Sticky Content Scroll module keeps content visible while images change dynamically as you scroll. Add multiple sections, swap sides, and choose layout direction. Fully responsive and fully customizable.

2. Key Features

  • Dynamic Image Change: Right-side images update automatically as users scroll through content.

  • Multiple Content Sections: Easily add several content blocks, each paired with its image.

  • Flexible Layout Direction: Switch sections between normal and reverse layouts.

  • Fully Responsive: Optimized for all devices, including desktop, tablet, and mobile.

  • Customizable Styles: Adjust headings, descriptions, spacing, and image height for desktop and mobile.

3. Installation – Downloading the Module from HubSpot Marketplace

  • Log in to your HubSpot account.
  • Go to the Marketplace from the main navigation menu.
  • Search for your module by name.
  • Find the module in the results and click Install.
  • If it’s a paid module, you can also click Buy Now to purchase and install directly.

4. How to Use – Adding the Module to Your Page

  • Open your HubSpot page editor.
  • Click on Add Module.
  • Search for your module by name.
  • Drag and drop the module into the desired section of your page.
  • The Sticky Content Scroll module keeps content visible while images change as you scroll. Add multiple sections, swap sides, choose layout direction, fully responsive and fully customizable for all devices.

5. Module Settings Guide

1. Content Tab 
  • Dynamic Image Change: Right-side images update automatically as users scroll through content.
  • Multiple Content Sections: Easily add several content blocks, each paired with its image.


Group 1000002121

2. Style Tab

  • Module Width – Choose between full-width or custom container layout.
  • Module Spacing – Adjust top, bottom, and inner spacing for perfect alignment.
  • Flexible Layout Direction: Switch sections between normal and reverse layouts.
  • Customizable Styles: Adjust headings, descriptions, spacing, and image height for desktop and mobile.
  • Responsive Design: Works perfectly across all devices (mobile, tablet, desktop)..

Group 1000002122

6. Examples / Demo Preview

View the module in action: https://www.modfrybus.shop/sticky-content-scroll

7. Support & Contact

For questions or support, contact us at productqueriemodfrybus@outlook.com We’re happy to help!