Is there a way to make sound change as you scroll down?

2

Yes - You can do this.

This set-up would have a few elements but basically reduces down to two things which would use JavaScript:

  1. Get the vertical scroll of the element in question such as the window. You can find out this value using the scrollTop property. You then use a conditional such as “if/else if” or “switch” to do this comparison. e.g. if the scroll of the element is greater than 100 pixels and less than 250 pixels then play this audio track.

  2. Control the audio with “Pause” & “Play”. The audio would be placed in a div such as a Hype rectangle element using an audio tag in the innerHTML of the element. Read about this process here in Hype’s Documentation.

1 Like