Level 102
Jul 12, 2022
9
Level 1
Scrolling hijacking with image zoom in and zoomout + content fade in and out on it!
Hello I want to develop scroll hijacking with image zoom in and out on scroll + text fade in and out on it. Can anyone help me?
Level 1
basically i have a six section in the design which is the animation part, when we scroll the website and that section comes in the viewport then we cant scroll down and when we scroll more only background image zoom in and text fade in on it, when we do more scroll than image change and image will again zoom in on scroll and new text will fade on it, similarly when we reach 5th image and content then its fixed position will be remove and we can scroll more to the further website sections.
Level 102
@jawadali and the exact problem you are having with your code is?
Level 1
@Sinnbeck i am using intersection observer for locating that section, when i reach that section i had to stop further scroll, for that i give position fixed to that section when it comes in viewport, but its not working fine for me because its no a smooth way , its looks ugly
Level 102
@jawadali see now we are getting somewhere.
- Where can we see how it looks ugly
- Can you show the relevant code
Level 1
@Sinnbeck check here "https://codepen.io/jawadali786/pen/YzaGymr"
Level 1
kindly remove the inverted commas to access the link as i was unable to post the link
Please or to participate in this conversation.