Styles: animate styles not functioning on first load of first page
Permalink Browser Info Environment
If I have text with animate styles enabled on the first page, when the site first loads and the first page is displayed, the text that has animate styles enabled fails to appear.
Upon scrolling the page even one pixel, the animate text then slides into place.
Animate styles works on slides that are inserted after the first slide. I assume this is because these slides must be scrolled to for viewing, and the animated text works correctly when scrolling into the slide.
Is there any workaround to get animated text to appear upon loading the website?
Thanks
Upon scrolling the page even one pixel, the animate text then slides into place.
Animate styles works on slides that are inserted after the first slide. I assume this is because these slides must be scrolled to for viewing, and the animated text works correctly when scrolling into the slide.
Is there any workaround to get animated text to appear upon loading the website?
Thanks
| Type: | Discussion |
|---|---|
| Status: | New |
you're right. The animations are triggered as you scroll down, so the first slide is not supposed to have "entrance" animations since it's already visible.
Anyway, if you need to animate the first slide on page load, you could try adding the following javascript:
You can include this javascript by editing the theme or by adding it directly to the Content block (by using the HTML button and pasting it to the "HTML Source Editor").
Hope this helps,
Jordi