scrolling down leads to unintentional jumps on mobile chrome about react-vertical-timeline HOT 10 CLOSED

You can add to fix it :

html, body {
  overflow-x:hidden 
} 

from react-vertical-timeline.

the following change(commenting out a class) solved the issue:

@media only screen and (max-width: 1169px) {
  /* .vertical-timeline--animate */
.vertical-timeline-element-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}

from react-vertical-timeline.

reinstalled the npm package, and commenting the animate class works now.

Thank you everyone and Stephane!

from react-vertical-timeline.

Thank you, I will check and fix it when I have time.

from react-vertical-timeline.

@jasan-s Thanks for the input. I had the same issue and commenting out that class worked for me.

from react-vertical-timeline.

Thanks @jasan-s - I commented out the animate class and got rid of the janky scroll up effect too.

from react-vertical-timeline.

This did not work for me. I did however get the component from npm. Does this matter?
@stephane-monnot Thank you for this wonderful component! I would be happy if you could fix this small bug. The component would be even better after the fix. :)

from react-vertical-timeline.

Simple smooth animation (slide) for mobile devices with out screen resize

@media only screen and (max-width: 1169px) {
  .vertical-timeline--animate  .vertical-timeline-element-content.bounce-in {
    visibility: visible;
    animation: timeline-slide 0.6s;
  }
}

@keyframes timeline-slide {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }

  60% {
    transform: translateY(-10px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

from react-vertical-timeline.

Good job. I will use it ;) .Thanks

from react-vertical-timeline.

I can confirm that this still happens with mobile chrome views even after commenting out the animate class.

@flicksolutions

Did you ever find a solution?

from react-vertical-timeline.