Lottie widget

  • Resolved mikymikeqc

    (@mikymikeqc)


    2 years, 6 months ago

    Greeting, I’d like to have a quick info regarding the Lottie widget. I want to get the Lottie animated based on the page scroll, but I’m not sure to understand the bottom top viewport percentage sliders. could you quickly explain the purpose of those sliders? I’d like to start the animation when starting to slide and completed when I scrolled about two section height. Thank you

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor George

    (@rubeushagrid13)

    Hi mikymikeqc,

    Can you send us screenshot and url of animation ? We will check the same case and tell you how to configure so that it starts as soon as it appears and stops after it is scrolled out of the viewport

    Kind regards,
    George

    • This reply was modified 2 years, 6 months ago by George.
    Thread Starter mikymikeqc

    (@mikymikeqc)

    Well, as stated in my question, it’s not per say a bug, but more a request for more info. When selecting page scroll mode, what the viewport top and bottom sliders is supposed to do exactly.

    And I would also like to know why “Render As Canvas”, change the size of the Lottie to be half the size of “Render As SVG”. Shouldn’t both mode give a Lottie of same size?

    Plugin Contributor George

    (@rubeushagrid13)

    Hi again,

    Can you send us screenshot and url of animation ? We will check the same case and tell you how to configure so that it starts as soon as it appears and stops after it is scrolled out of the viewport.
    Generally animation starts if the distance between bottom of the animation container and the top of the visible part is equal to or more than size in percentage set by the first slide (bottom) and ends if top of the animation container and the bottom of the visible part is equal to or less than size in percentage set by the second slide (top), in the case when you choose scroll as trigger for animation it must be regulated with animation speed along with the viewport slider to determine starting and ending points, but it depends on position of animation between other elements, that’s why we want you to provide screenshot for the page and url of the animation (if possible) to help further.
    As for canvas rendering, it comes from js library which is giving the different size to canvas animation to prevent distorting the quality but it can be regulated from the size control of the Settings tab.

    Kind regards.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Lottie widget’ is closed to new replies.

Tags