Scrollable Frame overlays

You can create a scrollable frame that lets users scroll to view more content. For example, you can create a cooking page with a list of ingredients and a set of instructions. Rather than turning to the next page to see the full set of ingredients or instructions, users can swipe to scroll.

By default, the initial view for scrollable content is the upper-left corner of the container frame. However, you change the initial view so that it’s based on the location of the content frame.

You can add all interactive overlays to scrollable frames (see Embedding interactive overlays). The previous method of creating scrollable frames using layers is no longer supported.

  1. To make a frame that scrolls vertically, create a content frame and a container frame.

    • The content frame can be a text frame, an image, or a group of objects.

    • You can include any interactive object except a slideshow in your content frame. Either add the interactive objects to the text frame as anchored objects or group interactive objects with other objects.

  2. Move the content frame to its inital view area in relation to the container frame.

    If you use the default settings, the content frame will align to the upper left corner of the container frame. However, you can use the document location of the content frame to determine the initial view.

  3. Select the content frame, and choose Edit > Cut.

    To avoid erratic behavior, make sure that the content appears in the layout page area, not the pasteboard.

  4. Select the container frame, and choose Edit > Paste Into.


    When you paste the content frame into the container frame, any button with an MSO state action loses its action. Select the button and add the action again. (The selection buttons in the toolbar are especially useful for selecting hidden buttons. The Layers panel is another way to select nested objects.)

  5. With the container frame still selected, open the Overlays/Folio Overlays panel. Click the Scrollable Frame tab, and then specify these options.

    Scroll Direction

    Choose Auto Detect to determine the scroll direction based on the height and width of the container frame and content frame. If the heights of the frames are the same but the widths are different, the content scrolls only horizontally. To make sure that the content scrolls in only one direction even if the container frame is narrower and shorter than the content frame, choose Horizontal or Vertical. Choosing the Horizontal & Vertical option offers the same behavior as Auto Detect.

    Scroll Indicators

    Select Hide if you don’t want scroll bars to appear when scrolling.

    Initial Content Position

    Select Upper Left to align the content frame to the upper left corner of the container frame as the initial view. Select Use Document Position to use the location of the content frame as the initial view.

    Export Format in PDF Articles

    If your scrollable frame appears in an article that uses PDF format, you can choose Bitmap or Vector. Choosing Vector is especially useful when you’re creating a single folio for both SD and HD iPads or iPhones. The Vector option provides sharper text when the folio is displayed on an HD iOS device, but it takes a moment to load. For best results, use Vector for text-intensive scrollable frames, and use Raster for image-based scrollable frames or when creating separate renditions for SD and HD iOS devices. When you select Raster, the scrollable frame content is resampled at no higher than 72 ppi.


See the free DPS Learn app to view examples of scrollable frames, including nested scrollable frames and pullout tab effects.


Get help faster and easier

New user?