Table of Content
- Step 1 : Add an arrow icon to your module
- Step 2 : Align the layer
- Step 3 : Add Action
- Step 4 : Set the layer’s cursor
- Step 5 : Add looping animation
Step 1
Add an Arrow Icon to your Module:
For this example, we will add the button to the “Global Layers” section so it appears on every Slide in our Module.
![](https://www.sliderrevolution.com/wp-content/uploads/2018/12/static-layers.jpg)
![](https://www.sliderrevolution.com/wp-content/uploads/2018/12/scroll-below-button-1.jpg)
![](https://www.sliderrevolution.com/wp-content/uploads/2018/12/bottom-arrow.jpg)
Step 2
Align the Layer to the bottom-center of the Module, and set its Layer Align to “Scene”.
![](https://www.sliderrevolution.com/wp-content/uploads/2018/12/bottom-position.jpg)
Step 3
Select the Layer on the Stage and add a Scroll Below Slider Action.
![](https://www.sliderrevolution.com/wp-content/uploads/2018/12/select-layer-on-stage.jpg)
![](https://www.sliderrevolution.com/wp-content/uploads/2018/12/add-action-layer.jpg)
![](https://www.sliderrevolution.com/wp-content/uploads/2018/12/scroll-below-slider.jpg)
Step 4
Set the Layer’s cursor to “Pointer”.
![](https://www.sliderrevolution.com/wp-content/uploads/2018/12/cursor-pointer.jpg)
Step 5
Finally add a looping hover animation to the Layer if you want to grab the user’s attention.
![](https://www.sliderrevolution.com/wp-content/uploads/2018/12/loop-animation.jpg)