Only triggers one the top edge of the element is in the viewport

jlmakes / scrollreveal

Animate elements as they scroll into view.

https://scrollrevealjs.org/

22.33k stars 2.26k forks source link

Only triggers one the top edge of the element is in the viewport #506

Open InTheScript opened 4 years ago

InTheScript commented 4 years ago

When scrolling up from the bottom of the page elements are not revealed until the top edge is within the viewport, when scrolling up the bottom edge of the element coming into view should trigger the reveal - especially where viewFactor is set to 0.0.

options.viewFactor specifies what portion of an element must be within the viewport for it to be considered visible.

Environment

Operating System: Mac OS
Browser Version: Chrome Version 77.0.3865.90
ScrollReveal Version: v4.0.5

ockba-a commented 4 years ago

ScrollRevel.pptx

I Attach POWERPOINT VIDEO DEMO for the same problem

Option I Change

ScrollReveal().reveal('.anim', {
  delay: 0,
  reset: true,
  scale: 0.5,
  desktop: true,
  mobile: true,
  viewFactor: 0.5,
  opacity: 1,
});

Windows 10 Chrome v76.0.3809.132 (64-bit) ScrollReveal v4.0.5

Also When I change opacity: 0 stay as it when scroll