Здравствуйте.
Имеется данный код:
<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>
Кнопка плавающая, останавливает звук включенный другой .
Со звуком проблем нет, но появление и исчезание кнопки при прокрутке не работает.
Подскажите пожалуйста как сделать))