Hi Conor, thanks for uploading such quality content! Could you explain the logic behind the infinite scrolling function? I don’t quite get the logic. Thanks in advance.
Or to be more specific ( correct me if I’m wrong here ), the else if statement checks if the user has scrolled halfway through the slider such that the first clone is in view, and then immediately scrolls to the top and translates the scrollable container back into view seamlessly. But what does the first if statement do? When will target ever be 0? Thanks!
@@brendanwong24 hi mate! Thanks for your comment. So when the page loads in the DOMContentLoaded event listener we set the scroll position to 1 pixel. This allows us to scroll to the top of the page which is 0 pixels. Therefore when we scroll to the very top of the page the if clause (if window.scrollY == 0) is true and will therefore trigger causing the browser to scroll half way down the page making it look like an infinite scroll. I hope this makes sense.
Hello! I love this tutorial! I'm trying to stop the animation everytime I mouseover an image but I'm not finding a proper way to do that. Anyone knows how to do it? Thanks for this videos Conor!
@@ConorBailey Stumbled across your videos recently and what a goldmine, thank you! I'm trying to implement a pause on the scroll too but not quite figured it out yet, did you find time to take a look into it?
![I.N "HALLUCINATION" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/n5B5q1Hwt_U/mqdefault.jpg)
You already know what I'm going to say! It's so hard to find quality content like this and your efforts are so appreciated
This is awesome bro you are a hidden Gem in RUclips bro
Thank you for your tutorials. Love your designs!
Thanks so much Joana!
This is wonderful, like always, Conor. :)
Your channel is a gold mine! Thanks for this
The scroll-effect is nice and looks cool, but from a semantic point of view is it a bad idea to use the heading several times.
man you're amazing. you explain very well
Thank you for sharing this project, I was wondering, is this project responsive for smartphones?
This is amazing
Thanks mate!
Thanks once again #Cornor for this great content. Keep it up bro. #CornorVanillaJs 🥳🚀
Cheers my man!
Looks great!
can I make this a section a page? I tried copying it over into a project and the whole page auotscrolls instead of the individual section or images
Hi Conor, what about horizontal scrolling?
Really good video
Or like change the scrollUp to scrollDown with mouse wheel?
Awesome!!! thank you so much!!
Hi Conor, thanks for uploading such quality content! Could you explain the logic behind the infinite scrolling function? I don’t quite get the logic. Thanks in advance.
Or to be more specific ( correct me if I’m wrong here ), the else if statement checks if the user has scrolled halfway through the slider such that the first clone is in view, and then immediately scrolls to the top and translates the scrollable container back into view seamlessly. But what does the first if statement do? When will target ever be 0? Thanks!
@@brendanwong24 hi mate! Thanks for your comment. So when the page loads in the DOMContentLoaded event listener we set the scroll position to 1 pixel. This allows us to scroll to the top of the page which is 0 pixels. Therefore when we scroll to the very top of the page the if clause (if window.scrollY == 0) is true and will therefore trigger causing the browser to scroll half way down the page making it look like an infinite scroll. I hope this makes sense.
another one amazing tutorial,can you start GSAP Animation Library Tutorial series Thank you.
Hello! I love this tutorial! I'm trying to stop the animation everytime I mouseover an image but I'm not finding a proper way to do that. Anyone knows how to do it? Thanks for this videos Conor!
Hey mate. I’ll look into this and get back to you. Shouldn’t take much more code to implement.
@@ConorBailey Stumbled across your videos recently and what a goldmine, thank you! I'm trying to implement a pause on the scroll too but not quite figured it out yet, did you find time to take a look into it?
N I C E