Click the blue button below to scroll to the Animation Settings section of the page using the Scroll To stack. It will take you to the location where we’ve placed the Scroll To stack’s child-stack. We’ve used an offset of 100px so that the target location doesn’t end up behind our sticky navigation bar.
Match this ID number to that of the Target child-stack’s ID number. This pairs them together so the stack knows where specifically to scroll to.
Choose whether to have your label consist of either text or an icon.
Insert your custom text that will appear on your button.
Choose from over 300 different icons for your button label.
Enable to make the Button span the entire width of the form. The button’s width is flexible when enabled and will size down to fit the available space.
Choose the size of your button. You can opt of a Small, Standard or Large button size.
Set the color of the Button to match your site using one of Foundry’s color swatch presets or make use of custom color pickers.
When using one of the color swatch presets you can use the Outline feature to inverse the button’s style.
Allows you to set the justification of the Button itself. You can set the alignment to Left, Center or Right.
Choose from some preset animation styles for the animation that is executed when the page scrolls to the target child-stack.
The time it takes for the page to scroll from the button to the target child-stack.
The distance from the top of the target child-stack at which the animation will end.
Add a popup tooltip to your Scroll To button. You can then set the tooltip text and its location, which can be set to either bottom, top, left or right.
To set the destination drag the child-stack from within the Scroll To stack to the location on the page where you wish to have the page scroll to when the button is clicked.
Match this ID number to that of the Scroll To stack’s ID number. This pairs them together so the main Scroll To stack knows where specifically to scroll to.
Stay up to date on future versions of Foundry, as well as important news, updates and more!
This site is built using Foundry for RapidWeaver