Sliding Menu
Set up the page
Begin by lengthening the page to ensure the ability to scroll. Select Page>Page Properties and set the Min Height to a larger number. For this example the page length is 4000px.
Select the Main widget from the Library panel and drag it to the top of your page. This widget must be on every page using Scroll Effects only once. Placing the Main widget on the Masters page will ensure each page will have it included.
Create the content
Design your menu content as you please. For this example we will be using a simple top menu that will appear after you scroll down the page. Be sure to leave an area before the menu so there will be enough page to scroll before the effect. For this example, the menu sits at 1130px on the y-axis.
Naming the items
Name the menu items within the Tooltip panel in the Hyperlinks tab. The naming values are case sensitive and should not have any special characters or spaces. This name will be utilized throughout the widget components so it is important to make them unique to this effect.
Placing the Handles
From the Library panel, drag and drop the Top handle onto the page. To ensure the menu appears at the top of the browser, align the top of the Start handle and the menu items on the page.
Changing the Opacity
To keep the menu from showing before the Start handles, select the Opacity box and input the following values. This will make sure that the menu fades in as it slides down into view. Finally, select Top for the Layering Order to keep your menu above other content on the page.