On scroll using classes offset & in view issue

  • Resolved saas

    (@saas)


    8 years, 4 months ago

    Hi there,

    Is there a way I can add offset for each element using classes? (No shortcode)?

    Like this class="animated fadeInUp delay-2 duration1 eds-on-scroll eds-scroll-offset-75"

    eds-scroll-offset-75 is desired class?

    Or Can I use data attribute with classes? data-eds-scroll-offset=”75″

    Also, if I use scroll based animation, element at top of page doesn’t animate or show itself, (because its partially inviewport not in full view), any work around for this? So if element is already in view, it should be visible and not hidden (or waiting for scroll event to occur)?

    Regards,
    Syed

Viewing 1 replies (of 1 total)
  • Plugin Author eleopard

    (@eleopard)

    Hi,

    Thank you for using Animate It!.

    Regarding your question, please follow below steps:
    1. Create a new Temporary page or post.
    2. On edit screen, click on Animate It! button.
    3. Set the Animation accordingly and click on “Insert” to add the shortcode to the page.
    4. Save the page and check the preview of the page.
    5. On the preview screen, right click on the page then click on “View Page Source”. You will find a div in the page with the below structure.

    <div class="eds-animate  section-slide-in-down" data-eds-entry-animation="slideInDown" data-eds-entry-delay="0" data-eds-entry-duration="2.5" data-eds-entry-timing="linear" data-eds-exit-animation="slideOutDown" data-eds-exit-delay="1.5" data-eds-exit-duration="2.5" data-eds-exit-timing="linear" data-eds-repeat-count="1" data-eds-keep="yes" data-eds-animate-on="click" data-eds-scroll-offset="">

</div>

    6. Copy this code.
    7. Now use this code again and again with different value for data-eds-scroll-offset="".

Viewing 1 replies (of 1 total)
  • The topic ‘On scroll using classes offset & in view issue’ is closed to new replies.