Welcome to the
Parallax Scrolling Widget
Add depth to your Adobe Muse website by setting the scroll speed for different elements with the Parallax Scrolling Widget from Muse For You
Before you begin, drag the 'Parallax Tilt Effect - Add First' widget from the Library Panel (Window > Library) and place at the top of your Adobe Muse website.
Setting up the widget options
00
INITIAL STEPS
Always be sure to place the 'Add First - Parallax Scrolling' widget at the top of the page
After placing the 'Add First' widget, drag and drop the 'Parallax Scrolling' widget from the Library Panel (Window > Library Panel) and place anywhere (preferably at the top) onto your Adobe Muse website. Select the element to which you want to apply the parallax effect. Go to 'Graphic Styles' panel (Window > Graphic Styles), and apply a style to it.
Now, open the Parallax Scrolling widget options, enter the graphic style name you just applied, set the scroll speed and done!
00/ HOW TO USE THE PARALLAX SCROLLING WIDGET
01 / SET THE PARALLAX SCROLL SPEED TO BE SLOWER OR FASTER
02 / APPLY ONE SCROLL SPEED TO MULTIPLE ELEMENTS ON THE SITE
You might need to change the placement of elements within the page in order to achieve the desired result. For example, in this case, 'Feature Two' section is placed just above 'Feature One' section. However, while previewing, they seem at some distance apart because they are moving at different speeds.
For 'Feature One' section, the scroll speed is set to faster (3), whereas, 'Feature Two' section scrolls at a different and a slower speed of '-2'
Set the scroll speed to be slower or faster
01
FEATURE #ONE
Leaving the value at 0 within the “Breakpoint” section will allow the effect to be enabled across all breakpoint
To set the scroll speed of the element, open the widget options. In the 'Speed' section, enter your desired value. 0 is the default scroll speed. Anything greater than 0 will make the element scroll faster. Anything less than 0 will make the element scroll slower.
Apply one scroll speed to multiple elements on the site
02
FEATURE #TWO
If you want to have same scroll speed for multiple elements on the site, just apply the same graphic style name to each one of them and you are done!
Alternatively, If there is a group of elements with different text or color styling, just group them, put them inside a State Button, and apply a graphic style to the state button. This way, you won't need to apply a graphic style to each one of them