Hi,
I currently have a slider at the top level of my landing page, I would like for it to not be parallax as you get sharper text in the slider. I would like for the next section of text boxes to animate in as I scroll past the slider. My slider height is 750 so you can't see the text boxes until you scroll. Unless I have the parallax effect enabled on the slider the text boxes has already animated when scrolling down making them appear static. Is this scroll-activated animation only working if the parallax effect is activated on the row before?
Using delays won't do it either since you don't know when your visitor will scroll down.
Can you help me?
Thank you for a great theme!
the delay for the animations should only trigger when scrolled to. What could be happening in this case is the script for that is getting executed slightly before the sliders height gets calculated so it triggers it immediately. Try add this into your custom css box to fix it:
Hey Erik,
the delay for the animations should only trigger when scrolled to. What could be happening in this case is the script for that is getting executed slightly before the sliders height gets calculated so it triggers it immediately. Try add this into your custom css box to fix it:
.nectar-slider-wrap { height: 600px; }Cheers :)