RSS FeedTwitterMastodonBlueskyShare IconHeart IconGithub IconArrow IconClock IconGUI Challenges IconHome IconNote IconBlog IconCSS IconJS IconHTML IconShows IconOpen Source Software IconSpeaking IconTools IconShuffle IconNext IconPrevious IconCalendar IconCalendar Edit IconNotebook IconObservable Notebooks IconSlash IconGoogle G Icon
A series of images of an avatar doing a bunch of skateboard tricks.
atom@argyleink
notejs

Play a 🫰(snap) when CSS snaps!

const snap = new Audio('snap.mp3')

scroller.onscrollsnapchange = () =>
  snap.play()

Demo · JS Snap API

Note: you may need to click/tap before scrolling, for the browser to deem playing the audio as user activated.

const snap = new Audio('snap.mp3') scroller.onscrollsnapchange = () => snap.play()

4 mentions #

31likes
4reposts
  • Egor Kloos
  • GENKI
  • Sanat Gersappa
  • Brett Peary

Join the conversation on

Play a snap sound when #CSS snaps ???? snap on snap! meta snap! ⤷ nerdy.dev/snap-on-snap
Adam ArgyleAdam Argyle

@argyleink At some point you're going to be called Adam Snap Argyle. ????

Egor KloosEgor Kloos

@argyleink Would it be possible to make it also snap when it moves over a snap point?

Jak2kJak2k
I will probably steal this for a demo. ????
Brecht De RuyteBrecht De Ruyte