Показать сообщение отдельно
  #1 (permalink)  
Старый 19.12.2019, 23:52
Новичок на форуме
Отправить личное сообщение для VolKTieR Посмотреть профиль Найти все сообщения от VolKTieR
 
Регистрация: 19.12.2019
Сообщений: 4

Появляющаяся кнопка включения/выключения аудио при скроллинге
Здравствуйте.

Имеется данный код:

<audio id="audio">
	<source src="audio/1.mp3" type="audio/mpeg">
</audio>

<div class="fixedbut" id="sebut">Звук</div>

<style>
div.fixedbut { position: fixed;
	bottom: 93%;
	right: 20px; 
	display: block; 
	background: white; 
	border-radius: 10px;
	color: black; 
	text-decoration: none; 
	padding: 6px 23px;
	font-size: 17px ;
	-webkit-transition: 0.33s all ease-out; 
	-o-transition: 0.33s all ease-out;
	 transition: 0.33s all ease-out;
	z-index: 999; }

div.fixedbut:hover {
        background: grey;
        color: white; }
</style>

<script>
document.getElementById("sebut").onclick = function()
    {
      var myaudio = document.getElementById("audio");
      if(myaudio.paused == true)
      {
        document.getElementById("audio").play();
 }
      else if (myaudio.paused == false)
      {
        document.getElementById("audio").pause();
}
    }
</script>

<script>
	$(document).ready(function(){
	  $(window).scroll(function () {
	    if ($(this).scrollTop() > 200) 
	    {
	        $('div.fixedbut').fadeIn();
	   }
	    else 
	    {
	        $('div.fixedbut').fadeOut();
	    }
  })
	});
</script>


Кнопка плавающая, останавливает звук включенный другой .
Со звуком проблем нет, но появление и исчезание кнопки при прокрутке не работает.
Подскажите пожалуйста как сделать
Ответить с цитированием