Welcome, Guest
Username: Password: Remember me

TOPIC: Animation error when scrolling in Mozilla

Animation error when scrolling in Mozilla 2 years 10 months ago #1670

  • Václav
  • Václav's Avatar
  • 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 2 years 10 months ago #1671

  • eLEOPARD
  • eLEOPARD's Avatar
  • 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

Animation error when scrolling in Mozilla 2 years 10 months ago #1672

  • Václav
  • Václav's Avatar
  • Offline
  • New Member
  • Posts: 2
  • Karma: -2
Yeeees!!! :cheer: Super, thank you.

V.
The administrator has disabled public write access.
Time to create page: 0.236 seconds

Need Customization? Feel free to...

Contact Us

If you like these extensions, help us buy Yoga Mats :)