You can find the option you will need in the Layers -> Link & Attributes tab -> Linking dropdown menu -> Scroll to element. You will need to enter a selector (to where exactly you want to scroll the slider on your site, which element or section) to the field instead of a link in this case. For example #myID or .myClass
If you would like to create an animation that keeps going, you will need to use the Layers -> Transitions -> Loop or Middle Transition section. If you set an opacity 0 and make it 'yoyo', it will look like it's 'pulsing'.
As I've mentioned you will need to use the Loop or Middle Transition section of the corresponding layers to achieve this.
You will need to set the opacity to 0, apply the duration and wait values that you want to use, enable the Yoyo and set the Count to -1.
If you time these right, the layers will keep switching/fading in and out. You might also need to set the 'Keep this layer visible until: Forever' depending on your setup so the Infinite works properly.
Testing in the preview window and the timeline view can help a lot with the timings.
Hi there,
I create the slider on this page: http://www.bekijkhieruwnieuwewebsite.nl/
How can I make the white arrow in the bottom interactive, so that when you click on it, you go to the rest of the website? > the next section.
Is there also an option that the arrow is fading in and out constantly?
Hopefully you guys can help me with this.
Best regards, Jeroen
Hello Jeroen,
You can find the option you will need in the Layers -> Link & Attributes tab -> Linking dropdown menu -> Scroll to element. You will need to enter a selector (to where exactly you want to scroll the slider on your site, which element or section) to the field instead of a link in this case. For example #myID or .myClass
If you would like to create an animation that keeps going, you will need to use the Layers -> Transitions -> Loop or Middle Transition section. If you set an opacity 0 and make it 'yoyo', it will look like it's 'pulsing'.
Hi Thnx Attila,
The 'scroll to element' works fine.
The animation of the arrow only works 1 time and then it stops. I can't figger out where I can change that to 'keep going'
Any suggestions for that?
Best regards, Jeroen
As I've mentioned you will need to use the Loop or Middle Transition section of the corresponding layers to achieve this.
You will need to set the opacity to 0, apply the duration and wait values that you want to use, enable the Yoyo and set the Count to -1.
If you time these right, the layers will keep switching/fading in and out. You might also need to set the 'Keep this layer visible until: Forever' depending on your setup so the Infinite works properly.
Testing in the preview window and the timeline view can help a lot with the timings.