FINALLY

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?

top :0 not working after smooth scroll by lerp function, any help will be appreciated

ejactly what i was looking for

thank you, i Encourage you to continue😅

Great content, thanks!

Thank you..... Its working 😊

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; }

Can I make it one word at a time, instead of one character at a time?

Wow why didn't I encounter this channel early.. that is some premium content bro good work !!

Why doesnt the effect work on mobile? Don't understand why it wouldnt work on mobile.

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

where does span added in html

So cool! I learned a lot about smooth scrolling ! Thanks! Have a good day!

its a very good approach, but wouldnt it be better if the height follow the content inside instead of being defined from the beginning?

I really like all of your video please like us beginners can you make Javascript tutorials

This is what i was looking for❤thank you

and if i use image that are in my folder howi can do it?

This is very creative. Clear tutorial.

Thanks for this!

where can i get source code

super cool video, thanks.

Great tutorial!

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!

can we access camera from phone ?

This was really helpful, thank you very much.

Provide source code

how to add a link to the images?

thanks, you're hero

Belly belly good....they see me scrolling 😎😎

u'v gotten a new subscriber, bro. Continue on this kinda videoz :))

great <3

Thx Conor, Another excellent video & narration with a lot of value. Your time is very appreciated!

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

You published a project that only worked for 3 years or so. As of now, even if I clone your repo, it doesn't show images nor does it scroll.

another way to make mans grid layout in CSS is: .div(container) { width: (of your choice); columns: 4; columns-gap: 20px; }

thanks man🤩

can you do it on scoll instead of grabing it

you deserve an award for teaching us in this amazing this videos.. Thank you

I think rauno has some great ideas that need some explaining

I'm learning from your videos. Thank you as always. I appreciate it.

Thanks for another video Conor ❤ Hope you make more videos on recreating awwwards website with plain JavaScript

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

What about for doing forgot ppassword?

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...

its giving error giving can anyone tell how to remove this error Cross-Origin-Opener-Policy policy would block the window.closed call.

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

What about if your project has authentication like NextAuth, doesn't authenticate on the mobile

does this work with .html files?