Алексей М.
1 сообщение
#4 года назад
Ребята, всем привет. Я новичок в JS.  Вообщем есть код, который отлично работал в Fiddle (онлайн редактор js)
Но не работал в html.. Не мог понять почему.  Я ковырялся дня 2, по форумам искал ответы. 
Потом вдруг он перестал и в редакторе работать. 

Суть когда в том, что бы срабатывало однократно аудио при скролинге до определенного дива с классом "elem"
Вот собственно код:



    1. <html>

    2. <head>

    3.  <meta charset="utf-8">

    4.  <meta name="viewport" content="width=device-width">

    5.  <title>JS Bin</title>

    6. </head>

    7. <body>

    8. <script src="https://code.jquery.com/jquery-3.0.0.js"></script>



    9. <div style="height: 130vh;width: 100%;background: #111;" ></div>

    10. <div style="height: 100px;width: 100%;background: #ccc;" class="elem"></div>

    11. <div style="height: 600px;width: 100%;background: #111;" ></div>

    12. </body>

    13. </html>


А вот JS:



    1. var fired = false;

    2. var target = $('.elem');

    3. var targetPos = target.offset().top;

    4. var winHeight = $(window).height();

    5. var scrollToElem = targetPos - winHeight;

    6. $(window).scroll(function(){

    7.  var winScrollTop = $(this).scrollTop();

    8.  if(winScrollTop > scrollToElem && fired === false){

    9.   var audio = new Audio(';);

    10. audio.play();fired = true;

    11.  }

    12. });


Надеюсь на вашу помощь. Спасибо не равнодушным! 
Дмитрий Щ.
133 сообщения
#4 года назад
Рекомендуем вам разместить соответствующий проект в сервисе.