Parallax Scrolling | University Writing Programs

This tutorial instructs you on how to create parallax scrolling.

Parallax Scrolling will make the background layer photo move slower than the foreground layers when scrolling.

Aportfolio slide with settings icon highlighted for editing background display options.

Step 1

To enable parallax scrolling on the background photo, hover over the slide and click the settings icon.

Slide settings panel showing the Bottom Layer Background section with Select Image button.

Step 2

Under the bottom-layer background, click Select Image.

Image selection window showing previous uploads and option to upload a new image.

Step 3

You can either select a photo from previous uploads or upload a new file.

Image library view with a background image selected for the slide.

Step 4

Select the image you want to upload.

Background image settings showing Fixed toggle turned on to enable parallax scrolling.

Step 5

To enable parallax scrolling for the image, click the button next to fixed. When it is turned on, it is blue.

Slide editor displaying enlarged text box to extend background image length.

Step 6

To ensure the photo extends as far as you would like, you may need to increase the size of the blank text box above the photo.

Questions about Aportfolio?

If you have additional questions, please email us.

Aportfolio

Email

aportfolio@appstate.edu

Support

Help Desk: 828‑262‑6266, M–F 8 a.m.–5 p.m.
Required Browser: Chrome or Firefox