Title: On scroll using classes offset & in view issue
Last modified: October 10, 2016

---

# On scroll using classes offset & in view issue

 *  Resolved [saas](https://wordpress.org/support/users/saas/)
 * (@saas)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/on-scroll-using-classes-offset-in-view-issue/)
 * 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](https://wordpress.org/support/users/eleopard/)
 * (@eleopard)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/on-scroll-using-classes-offset-in-view-issue/#post-8271923)
 * 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.

 * ![](https://ps.w.org/animate-it/assets/icon-256x256.png?rev=989356)
 * [Animate It!](https://wordpress.org/plugins/animate-it/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/animate-it/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/animate-it/)
 * [Active Topics](https://wordpress.org/support/plugin/animate-it/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/animate-it/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/animate-it/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [eleopard](https://wordpress.org/support/users/eleopard/)
 * Last activity: [9 years, 8 months ago](https://wordpress.org/support/topic/on-scroll-using-classes-offset-in-view-issue/#post-8271923)
 * Status: resolved