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.

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.

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.

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.

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

Pastaba:

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.)

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.

Pastaba:

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