I have used one of your codepen example to create image animation on scroll in my webpage. The example works ok but I want few modifications in that with image animation.
1. When I add more content with your codepen code for animation, the animation gets scrolled with window scroll (looks weird while scrolling).
2. When a user scrolls the page and when Canvas/ image animation comes at the visible part of the screen, the screen should locked and only the sequence of images should be animated on scroll.
3. The last and important requirement is that the canvas/ image height should be 300px (It should not cover the whole window)
index2.html