3,185 views · 9 active
A cartoon skull with a hotpink hat on.
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 comments #

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