thank you for the tutorial, it works great! I have a question: What happens if the scroll container is not 100vh but has a static height like 500px? Is it possible?
How to make the .sticky block have the width of the content in the .scroll__section block? I have 6 images .sticky__parent { height: 600vh; } scroll__section { height: 100%; width: 600vw; display: flex; /* justify-content: space-between; */ align-items: center; gap: 50px; } img { width: 400px; height: 80%; object-fit: cover; object-position: center; }
@@vredchasing8926 because the viewport on mobile devices changes on scroll in different directions so makes it appear app janky. I have figure this out though and made a mobile friendly version recently. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-p43Sv6O0IYQ.htmlsi=TIaVTbqEWeT2fFH4
@@ConorBailey I watched your one video on a horizontal scroller effect. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-yXnK8ND76z8.html&ab_channel=ConorBailey My question is, is this approach considered wrong? These are different scenarios, but is this approach still good ? I'm learning to get a job, not sure if I learnt a "bad" way to do it.
this has some problems, if you add a navbar with link tags and hashtag for the section like #section, when you click, don't scroll to the section, also you can put another element with position fixed inside this container, that put a limit on the design
Hi mate. Thanks for your comment. Yes I will be posting a full course soon which will cover the JavaScript fundamentals. I will also be creating a full website with it it with some cool animations using pure vanilla JavaScript. Thanks for your support!
@@ConorBailey thank you much I am self taught graphic designer started learning web there is one website where when you hover over text on any element it shows elements in mask I hope you will cover this too I would love to learn from you thanks
Hi! Thank you so much for the great work ❤ I'd like to know how to add more images to project slider, guess I need to edit the javascript code 'animateProjects()' but have no clue!
Thank you so much for such valuable content! I am learning from your videos and really appreciate them and your labor. Thank you! If you will have a chance, could you take a look on Aristide Benoist portfolio? There are pretty interesting solutions that would be interesting to break down
@@ConorBailey would be cool if you could explain how the vertical line on scroll animation works in the GitHub landing page. As we scroll down the elements appears with the vertical line on the left side that grows as we scroll down
This isn't working for me, even after listening to the other comments' advice by disabling all my firewalls (domain firewall, private network firewall, public network firewall). While running a web server, attempting to connect to my external ip address from any other device still results in the standard can't connect error
Nice Conor. But when i click register after feiling all fill the routing is load and don't finish and the data isnot insert to the database. what is the problem will be?
@Conor Bailey, I hope you will be able to assist me in the pool.query you created in the server.js, where when you create the call back function to check for the already registered users in the if condition statement: 'if.results.rows.length>0). I did all the checks with you until then. However in that specific check, my application is crashing due to run-time error. I've been stuck at it all day not being able to figure out what actually is the problem. I hope you would be able to help me...
Excellent, really helpful and easy to follow! I'm glad you left some mistakes in the video as they gave a chance for me to check my code and find them myself