Scrolling Sticky Overlay Effect with Javascript
Anwar Achilles

Anwar Achilles @anwarachilles

About: All about website development

Location:
Indonesian
Joined:
Apr 14, 2024

Scrolling Sticky Overlay Effect with Javascript

Publish Date: Dec 3 '24
0 2

Have you ever noticed a page scroll effect that feels like flipping through a book? Here, we’ll create that effect, which we’ll call a scrolling sticky overlay. Below is a short example along with the code.

🖥️ Showcase Preview:




🔗 Visit My Channel

If you're interested in learning more, check out my YouTube channel where I share tutorials, tips, and coding experiments. Don't forget to subscribe and stay tuned for more!
youtube.com/@anwarachilles
tiktok.com/@anwar.achilles

🛠️ Let’s Connect!

Let’s connect more closely! Follow my social media accounts below, and don’t hesitate to reach out if you have exciting ideas for experiments or collaborations.
anwarachilles.pro
instagram.com/anwar_achilles
github.com/AnwarAchilles

Hope you like it! 😊

Comments 2 total

  • Tom J.
    Tom J.Dec 3, 2024

    Nice! Did you make it for some project of yours?
    Since sticky came to the scene, it helped so much. Although not too performant, webview on iPhones can struggle with that. For these cases, I can't wait for that scrolling animation API to come to play.

    • Anwar Achilles
      Anwar AchillesDec 3, 2024

      Thanks! I actually made this for everyone, not just for a specific project of mine. I didn’t really consider performance on iPhones, though, so that’s valuable feedback. I’m happy it’s been helpful! I’ll keep exploring small snippet ideas for other developers. 😊

Add comment