--- title: Scroll areas description: Scrolling areas allow you to display large amounts of content, including text, photos and videos, in a small pane contained within a page. In this tutorial, you will learn how to add, edit, and customize scrolling areas. --- [Skip to content](https://help.marq.com/scroll-areas#main-content) English Show submenu for translations ![marq.svg\]](https://help.marq.com/hubfs/Brand%20Logos/marq.svg) Open main navigation Close main navigation - English Show submenu for translations - - [Projects](https://app.marq.com/documents#/documents) [Projects](https://app.marq.com/documents#/documents) How can we help? - There are no suggestions because the search field is empty. 1. [Help Center](https://help.marq.com/?hsLang=en) 2. [Creating your design](https://help.marq.com/creating-your-design?hsLang=en) 3. [Video and interactive objects](https://help.marq.com/creating-your-design?hsLang=en#video-and-interactive-objects) # Scroll areas ## Scrolling areas allow you to display large amounts of content, including text, photos and videos, in a small pane contained within a page. In this tutorial, you will learn how to add, edit, and customize scrolling areas. Think of the scroll area as a mini canvas or iframe of content that you can scroll through. You can insert as much content as you want and you can control the view size.  #### Create a scroll area 1. Go to the 'more' section in the left content pane 2. Drag the scroll area icon into the document ![](https://help.marq.com/hubfs/a7cb930b-89b0-4e2d-afe0-91ec121f9155-gif.gif) 3. Insert text, images, and shapes into the scroll. You can infinitely add content past the edge of the page. You can double click to edit the scroll area and see the full view at any time. ![](https://help.marq.com/hubfs/2b43d639-c119-4a54-b2b3-1653d2d74164-gif.gif) 4. Exit the scroll area by using the 'escape' key or double clicking outside of the scroll area 5. Modify and resize the scroll area to choose what content is shown as default. Any content that is hidden from the main view can be 'scrolled' in the published view. You must be out of the scroll area view to resize the frame. ![](https://help.marq.com/hubfs/1a555b5a-4e76-4f5b-ac42-c749e3ff9bb1-gif.gif) 6. Publish or preview the document to interact with the scroll area ![](https://help.marq.com/hubfs/4f6bd8d6-a39b-4d7d-b8ff-c1a5a45bd510-gif.gif) #### Understand the Scrolling Area element - ***Exiting*** - As soon as you add a scrolling area, a black bar will appear above your canvas, notifying you that you are in 'Edit' mode. To exit 'Edit' mode and return to the Layout view, double-click on an empty portion of the canvas or press Escape. You can also click on the 'Page' breadcrumb in the black bar above your canvas. Re-enter the scrolling area by double-clicking it. - ***Borders*** - A dashed light blue border outlines the physical space the scrolling area will take up in your document, while a solid blue line marks the dynamic scrolling area. The dashed border will not appear in your published document.     - [Intro to Marq](https://help.marq.com/intro-to-marq?hsLang=en#main-content) - [Getting started](https://help.marq.com/intro-to-marq?hsLang=en#getting-started) - [Tips and tricks](https://help.marq.com/intro-to-marq?hsLang=en#tips-and-tricks) - [Common issues](https://help.marq.com/intro-to-marq?hsLang=en#common-issues) - [Get support](https://help.marq.com/intro-to-marq?hsLang=en#get-support) - [Other resources](https://help.marq.com/intro-to-marq?hsLang=en#other-resources) - [Content AI](https://help.marq.com/content-ai?hsLang=en#main-content) - [AI Assistant](https://help.marq.com/content-ai?hsLang=en#ai-assistant) - [AI Marqet](https://help.marq.com/content-ai?hsLang=en#ai-marqet) - [Brand Guardian](https://help.marq.com/content-ai?hsLang=en#brand-guardian) - [Account setup and billing](https://help.marq.com/account-setup-and-billing?hsLang=en#main-content) - [Account settings](https://help.marq.com/account-setup-and-billing?hsLang=en#account-settings) - [Storage](https://help.marq.com/account-setup-and-billing?hsLang=en#storage) - [Billing and plans](https://help.marq.com/account-setup-and-billing?hsLang=en#billing-and-plans) - [Privacy and security](https://help.marq.com/account-setup-and-billing?hsLang=en#privacy-and-security) - [Creating your design](https://help.marq.com/creating-your-design?hsLang=en#main-content) - [The Editor](https://help.marq.com/creating-your-design?hsLang=en#the-editor) - [Document and page settings](https://help.marq.com/creating-your-design?hsLang=en#document-and-page-settings) - [Templates](https://help.marq.com/creating-your-design?hsLang=en#templates) - [Images](https://help.marq.com/creating-your-design?hsLang=en#images) - [Text](https://help.marq.com/creating-your-design?hsLang=en#text) - [Shapes and graphics](https://help.marq.com/creating-your-design?hsLang=en#shapes-and-graphics) - [Layers and objects](https://help.marq.com/creating-your-design?hsLang=en#layers-and-objects) - [Elements](https://help.marq.com/creating-your-design?hsLang=en#elements) - [Video and interactive objects](https://help.marq.com/creating-your-design?hsLang=en#video-and-interactive-objects) - [Tables](https://help.marq.com/creating-your-design?hsLang=en#tables) - [Locking](https://help.marq.com/creating-your-design?hsLang=en#locking) - [Uploading](https://help.marq.com/creating-your-design?hsLang=en#uploading) - [Automation and other advanced features](https://help.marq.com/creating-your-design?hsLang=en#automation-and-other-advanced-features) - [Exporting and sharing](https://help.marq.com/exporting-and-sharing?hsLang=en#main-content) - [Collaborate](https://help.marq.com/exporting-and-sharing?hsLang=en#collaborate) - [Export to social media](https://help.marq.com/exporting-and-sharing?hsLang=en#export-to-social-media) - [Embedding](https://help.marq.com/exporting-and-sharing?hsLang=en#embedding) - [Publishing](https://help.marq.com/exporting-and-sharing?hsLang=en#publishing) - [Printing](https://help.marq.com/exporting-and-sharing?hsLang=en#printing) - [Downloading](https://help.marq.com/exporting-and-sharing?hsLang=en#downloading) - [GIFs](https://help.marq.com/exporting-and-sharing?hsLang=en#gifs) - [Admin settings and team management](https://help.marq.com/admin-settings-and-team-management?hsLang=en#main-content) - [Managing your team](https://help.marq.com/admin-settings-and-team-management?hsLang=en#managing-your-team) - [Licensing and roles](https://help.marq.com/admin-settings-and-team-management?hsLang=en#licensing-and-roles) - [Brand assets](https://help.marq.com/admin-settings-and-team-management?hsLang=en#brand-assets) - [User experience and workflows](https://help.marq.com/admin-settings-and-team-management?hsLang=en#user-experience-and-workflows) - [Settings and configuration](https://help.marq.com/admin-settings-and-team-management?hsLang=en#settings-and-configuration) - [Implementation resources](https://help.marq.com/admin-settings-and-team-management?hsLang=en#implementation-resources) - [Integrations](https://help.marq.com/integrations?hsLang=en#main-content) - [Printer integrations](https://help.marq.com/integrations?hsLang=en#printer-integrations) - [Data integrations](https://help.marq.com/integrations?hsLang=en#data-integrations) - [Custom integrations](https://help.marq.com/integrations?hsLang=en#custom-integrations) - [Security and sign-on integrations](https://help.marq.com/integrations?hsLang=en#security-and-sign-on-integrations) - [Email integrations](https://help.marq.com/integrations?hsLang=en#email-integrations) - [Productivity and analytics integrations](https://help.marq.com/integrations?hsLang=en#productivity-and-analytics-integrations) - [Workflow Integrations](https://help.marq.com/integrations?hsLang=en#workflow-integrations) - [Salesforce](https://help.marq.com/integrations?hsLang=en#salesforce) - [MediaValet](https://help.marq.com/integrations?hsLang=en#mediavalet) - [Training videos](https://help.marq.com/training-videos?hsLang=en#main-content) - [View](https://help.marq.com/training-videos?hsLang=en#view) - [Courses](https://help.marq.com/courses?hsLang=en#main-content) - [View](https://help.marq.com/courses?hsLang=en#view) - [Tutorials and resources](https://help.marq.com/tutorials-and-resources?hsLang=en#main-content) - [View](https://help.marq.com/tutorials-and-resources?hsLang=en#view) - [Design services](https://help.marq.com/design-services?hsLang=en#main-content) - [View](https://help.marq.com/design-services?hsLang=en#view) - [Events](https://help.marq.com/events?hsLang=en#main-content) - [View](https://help.marq.com/events?hsLang=en#view) - [Analytics](https://help.marq.com/analytics?hsLang=en#main-content) - [Account Setup](https://help.marq.com/analytics?hsLang=en#account-setup) - [Basic Analytics](https://help.marq.com/analytics?hsLang=en#basic-analytics) - [Advanced Analytics](https://help.marq.com/analytics?hsLang=en#advanced-analytics) - [Navigating Reports](https://help.marq.com/analytics?hsLang=en#navigating-reports) - [Glossary of Terms](https://help.marq.com/analytics?hsLang=en#glossary-of-terms) - [App Marketplace](https://help.marq.com/app-marketplace?hsLang=en#main-content) - [Workflow Connectors](https://help.marq.com/app-marketplace?hsLang=en#workflow-connectors) - [Campaigns](https://help.marq.com/campaigns?hsLang=en#main-content) - [Getting Started](https://help.marq.com/campaigns?hsLang=en#getting-started) - [Connect to Facebook](https://help.marq.com/campaigns?hsLang=en#connect-to-facebook) - [Industry](https://help.marq.com/campaigns?hsLang=en#industry) - [Objectives](https://help.marq.com/campaigns?hsLang=en#objectives) - [Analytics](https://help.marq.com/campaigns?hsLang=en#analytics) - [Creator Studio](https://help.marq.com/creator-studio?hsLang=en#main-content) - [Getting Started](https://help.marq.com/creator-studio?hsLang=en#getting-started) - [Studio FAQ](https://help.marq.com/creator-studio?hsLang=en#studio-faq) - [Templates](https://help.marq.com/templates?hsLang=en#main-content) - [Getting Started](https://help.marq.com/templates?hsLang=en#getting-started) - [Advanced Features](https://help.marq.com/templates?hsLang=en#advanced-features) - [Team Management](https://help.marq.com/templates?hsLang=en#team-management) - [Troubleshooting](https://help.marq.com/templates?hsLang=en#troubleshooting) - [CRM Integrations](https://help.marq.com/crm-integrations?hsLang=en) - [DAM Integrations](https://help.marq.com/dam-integrations?hsLang=en) - [Marq 2026 Packaging Updates](https://help.marq.com/marq-2026-packaging-updates?hsLang=en) - [AI Brand Creations](https://help.marq.com/ai-brand-creations?hsLang=en) [![Chill listening crop-3](https://help.marq.com/hubfs/Brand%20Logos/marq.svg "Chill listening crop-3")](https://help.marq.com?hsLang=en) Copyright © 2026, Marq