Animations loads before elements are in viewport

  • Resolved disca91

    (@disca91)


    7 years, 4 months ago

    Hi guys, as you read in title the problem is that I have a page with multiple sections and the animations on scroll are loaded when I’m in the first section.

    I’ve tried to add

    .entry-content > .eds-animate:first-child{
    min-height: 860px;
    }

    But doesn’t work

    Any suggestion?

    Dom

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author eleopard

    (@eleopard)

    Dear Disca91,

    Thanks for using the Animate It!

    Regarding your issue, the theme you are using loads everything in the same viewport, and then images etc. are appled with sets height to the theme.

    One possible solution could be, make the sections full height.
    Try adding the following CSS in Settings > Animate It! > Custom CSS box

    #section1{
	min-height: 100vh;
}

    Let me know if this resolved the issue.

    • This reply was modified 7 years, 4 months ago by eleopard.
    Thread Starter disca91

    (@disca91)

    It works! thanks ??

    Plugin Author eleopard

    (@eleopard)

    Dear Disca91,

    Glad to know it worked.
    Please feel free to let me know if you face any other issues.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Animations loads before elements are in viewport’ is closed to new replies.