Absolute positioning
Short instructions on how to use this parallax code (placed in the page head code).
•
Create a pop-up layer and place your background picture or other content there. (No
stretching or sticky objects allowed.)
•
Create a placeholder and add the code PXDxx or PXUxx to the body code.
•
PXD makes the content move down the screen.
•
PXU makes the content move up the screen.
•
xx defines a percentage value relative to the screen height used for movement (see
examples below) and implicitly defines a minimum scale factor.
•
The width and horizontal position of the placeholder are irrelevant.
•
The higher the placeholder the slower the visual motion will be and the longer the
content will be visible while scrolling.
•
Link the placeholder to the pop-up layer in the mouse-over options.
•
The placeholders may overlap.
•
If you only need text on a layer you may need to put a 99% transparent rectangle
behind it to help the code calculate the size correctly.
Some examples: (All using the same pop-up layer.)
Movement down (PXD10)
Movement up (PXU40)
Movement up (PXU20)
PXD10
PXU40
PXU20
1
2
3
4
5
6
7
8
9
10
11
12
Some text on the pop-up layer