Welcome, Guest

TOPIC: Animation error when scrolling in Mozilla

Animation error when scrolling in Mozilla 4 years 9 months ago #1670

Václav
Offline
New Member
Posts: 2
Karma: -2

Good day. I rarely use Animate, but I have a problem at the new site remizek.srdceakriz.cz/. I have one animation that runs when scrolling, it works fine in Chrome, not in Mozilla, it runs in Mozilla when you open the page. Can you check it out, please?
I have used the following code:

{edsnewanimate|class="eds-animate edsanimate-sis-hidden "|data-eds-entry-animation="fadeInUp"|data-eds-entry-delay="0.5s"|data-eds-entry-duration="1.5s"|data-eds-entry-timing="linear"|data-eds-exit-animation=""|data-eds-exit-delay=""|data-eds-exit-duration=""|data-eds-exit-timing=""|data-eds-repeat-count="1"|data-eds-keep="yes"|data-eds-animate-on="scroll"|data-eds-scroll-offset="75"}
<div><img src="images/design/domecky-jenom-domecky.png" alt="domecky jenom domecky" /></div>
{/edsnewanimate}

Thank you.

The administrator has disabled public write access.

Animation error when scrolling in Mozilla 4 years 9 months ago #1671

eLEOPARD
Offline
Administrator
Posts: 409
Thank you received: 54
Karma: -28

Dear Václav,

Thanks for using the Animate It!

Ot looks like before the images are loaded, all the DIVs are visible on the screen.
Hence the Aniamtions run just then.

Try this out. i have added some minimum heights to the DIVs, so that they have some height even before the images are loaded:
Follow these steps:

1. Go to Extensions -> Plugin Manager -> System - Animate IT!
www.downloads.eleopard.in/images/animateit-demo/16/9.jpg

2. Paste the following CSS in Custom CSS box and click save:

@media only screen and (min-width: 1200px) {
    #sp-slide, #sp-anketa-row{
        min-height: 523px;
    }
}
@media only screen and (min-width: 992px) {
    #sp-slide, #sp-anketa-row{
        min-height: 444px;
    }
}
@media only screen and (min-width: 768px) {
    #sp-slide, #sp-anketa-row{
        min-height: 333px;
    }
}

Now, see if the issue is resolved.

The administrator has disabled public write access.

The following user(s) said Thank You: Václav