wpengine

wpengine

Welcome, Guest
Username: Password: Remember me

TOPIC: Understanding Scrolling

Understanding Scrolling 9 years 7 months ago #128

  • Jamie
  • Jamie's Avatar
  • Offline
  • New Member
  • Posts: 1
  • Karma: 0
Hi,

I am new to Animate it! but so far I think its great!

I am having a little trouble wrapping my head around what scroll offset is used for. I have an element that I have setup for on-scroll and my expectation is that when the image gets to be 50% on screen (with offset set to 50%) that's when animation will start. The problem I'm having is that the image is entering on page load and I have tried everything from a 0% offset to 100% offset. Not sure what to do.
The administrator has disabled public write access.

Understanding Scrolling 9 years 7 months ago #129

  • eLEOPARD
  • eLEOPARD's Avatar
  • Offline
  • Administrator
  • Posts: 409
  • Thank you received: 54
  • Karma: -28
Dear Jamie,

Scroll Offset % is the amount of height the element needs to be in the screen, after which it is animated.
Let's say you have an image of height 100px.
  • Setting Scroll Offset (in percentage): to 0 would animate the image as soon as it enters the screen
  • Setting Scroll Offset (in percentage): to 100 would animate the image after it is fully visible on the screen (100px)

Now, in your case, you can set the offset scroll to, lets say 500 to make the element appear when its 5 times its height into the screen
(in image's example above, 500px into the screen)

Please take a look at these screenshots to get a more clear understanding:







Here's a working example I have created by setting scroll offset to 500:
http://animateitdemo.wpdevcloud.com/?p=1

Please let me know if you have any more queries.
Lastly, please don't forget to rate us: https://wordpress.org/plugins/animate-it/
The administrator has disabled public write access.

Understanding Scrolling 8 years 10 months ago #378

  • бул
  • бул 's Avatar
  • Offline
  • New Member
  • Posts: 2
  • Karma: 0
I still do not work, not 0, not 100, not 500 shows no object when you want to! Where is the mistake? :unsure:
The administrator has disabled public write access.

Understanding Scrolling 8 years 10 months ago #379

  • eLEOPARD
  • eLEOPARD's Avatar
  • Offline
  • Administrator
  • Posts: 409
  • Thank you received: 54
  • Karma: -28
Could you please provide the URL of your website so that we can analyze it further?
The administrator has disabled public write access.

Understanding Scrolling 8 years 10 months ago #381

  • бул
  • бул 's Avatar
  • Offline
  • New Member
  • Posts: 2
  • Karma: 0
No I can not, it is on lokalke. All working units and also does not work in the articles scroll
The administrator has disabled public write access.
Time to create page: 0.062 seconds

Need Customization? Feel free to...

Contact Us

If you like these extensions, help us buy Yoga Mats :)