Title: Scroll Offset (in percentage):
Last modified: October 16, 2018

---

# Scroll Offset (in percentage):

 *  Resolved [southafricanrob](https://wordpress.org/support/users/southafricanrob/)
 * (@southafricanrob)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/scroll-offset-in-percentage/)
 * Hi there, Thanks for an excellent plugin. Could you advise on what “Scroll Offset(
   in percentage)” refers to exactly and how to figure out what value is required?
   
   Thanks, Rob
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fscroll-offset-in-percentage%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 5 replies - 1 through 5 (of 5 total)

 *  Plugin Author [eleopard](https://wordpress.org/support/users/eleopard/)
 * (@eleopard)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/scroll-offset-in-percentage/#post-10787935)
 * Hi Rob,
 * Thanks for using the Animate It!
 * Scroll offset refers to the amount of element visible in the screen, after the
   element is visible as per the scroll offset, the animation starts.
 * e.g. let’s say you have added an animation to an image if size 100px x 100px.
   And the scroll offset is set to 50%.
 * Now, when you scroll down the page to that image. The Animation will start after
   the image is 50% visible in the screen area (in this case, half the image is 
   visible, 50px).
 * In case you have set scroll offset to 0%, the image will animate as soon as you
   scroll to it, and its visible on the screen.
 * Hope this helps 🙂
 *  Thread Starter [southafricanrob](https://wordpress.org/support/users/southafricanrob/)
 * (@southafricanrob)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/scroll-offset-in-percentage/#post-10791825)
 * Many thanks – makes sense. I seem to have it working for the “Why Buy From Us”
   section, animations happen just after all the image is in view (offset set to
   120%).
 * The section before however (“How Does it Work”) doesn’t seem to work the same,
   if i set offset to around 220% then it works. Is this perhaps a margin issue 
   as I have some negative margin values? If so is it possible to set offset percantage
   within the individual animated elements themselves?
 * Thanks for the support thus far, and an excellent plugin.
    Cheers, Rob
 *  Plugin Author [eleopard](https://wordpress.org/support/users/eleopard/)
 * (@eleopard)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/scroll-offset-in-percentage/#post-10795315)
 * Hi Rob,
 * In order to provide unique “scroll offset” for the different animated elements,
   please follow the steps mentioned below for different methods:
 * **METHOD 1**: If you are using “Animate It!” button available in “TinyMCE” post
   editor.
 * 1. While adding/editing any post, click on “Animate It” button.
    2. In the popup,
   go to the options tab. 3. In there, if you set “Animate On” to scroll, you will
   get another input field to enter scroll offset unique to the animation you are
   creating.
 * **METHOD 2**: If you are using class generator from [https://www.downloads.eleopard.in/class-generator-wordpress.html](https://www.downloads.eleopard.in/class-generator-wordpress.html)
 * 1. Generate CSS classes as per your requirement. Remember to set “Scroll” to 
   yes for “Animate On”.
    2. While adding CSS classes to a DIV element, add another
   property **eds_scroll_offset** with the value of scroll offset as per the requirement.
   e.g.
 * `<div class="animated flash duration1 eds-on-scroll" eds_scroll_offset="80">Content
   </div>`
 * Please let us know if it helps.
    -  This reply was modified 7 years, 6 months ago by [eleopard](https://wordpress.org/support/users/eleopard/).
    -  This reply was modified 7 years, 6 months ago by [eleopard](https://wordpress.org/support/users/eleopard/).
    -  This reply was modified 7 years, 6 months ago by [eleopard](https://wordpress.org/support/users/eleopard/).
    -  This reply was modified 7 years, 6 months ago by [eleopard](https://wordpress.org/support/users/eleopard/).
 *  Thread Starter [southafricanrob](https://wordpress.org/support/users/southafricanrob/)
 * (@southafricanrob)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/scroll-offset-in-percentage/#post-10795448)
 * Thanks – that perfect!
 *  Plugin Author [eleopard](https://wordpress.org/support/users/eleopard/)
 * (@eleopard)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/scroll-offset-in-percentage/#post-10831004)
 * Marking as resolved

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Scroll Offset (in percentage):’ 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/)

## Tags

 * [scroll offset](https://wordpress.org/support/topic-tag/scroll-offset/)

 * 5 replies
 * 2 participants
 * Last reply from: [eleopard](https://wordpress.org/support/users/eleopard/)
 * Last activity: [7 years, 6 months ago](https://wordpress.org/support/topic/scroll-offset-in-percentage/#post-10831004)
 * Status: resolved