Можете подсказать как сделать запуск аудио при скроле.
У меня получается что-то вроде
<div>text</div>
<div>text</div>
<div class="music">
<input type="hidden" name="urlMusic" value="url">
Music
</div>
<div>text</div>
<div>text</div>
<div>text</div>
<div>text</div>
<div class="music">
// если по середине или выше музыка не играет.
// если ниже середины играет музыка блока выше
<input type="hidden" name="urlMusic" value="">
Music
</div>
<div>text</div>
<div>text</div>
<div>text</div>
<div>text</div>
<div>text</div>
<div>text</div>
<div>text</div>
<div>text</div>
<input type="hidden" name="urlMusic" value="url">
Music
</div>
И так далее.
Мне надо при скроле когда блок с музыкой оказался по середине запустить музыку. Когда дошел до следующего блока или выше этого блока с музыка остановилость.
Но если я проскролил до 2 блок и она по середине или выше музыка не играет. И если она будет ниже середины музыка должна играть.
Как это сделать?