Design comparison
Solution retrospective
Hi~
For this challenge I learned a lot about event listeners. I challenged myself with dynamically adding images on the creations section using vanilla js. It was enjoyable and challenging. I also added some animations when scrolling.
One thing that I got problem with was when the scroll event is not firing on the window. And the problem was I used to set the <html> and <body> elements to overflow: hidden and that causes it not to fire.
One solution was to use document.body.addEventListener('scroll', doSomething) instead of the window.addEventListener('scroll', doSomething). Or set the <body> element to a min-height: 100%.
If you have any feedbacks or suggestions that could make my solution better feel free to comment! Thanks!
Happy Coding~
Community feedback
Please log in to post a comment
Log in with GitHub
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord