-
Similar Content
-
By VolKTieR
Здравствуйте.
Имеется данный код:
<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>
Кнопка плавающая, останавливает звук включенный другой .
Со звуком проблем нет, но появление и исчезание кнопки при прокрутке не работает.
Подскажите пожалуйста как сделать))
-
By ShumNo
Есть такая разметка, возможно она кривая, но в силу некоторой идеи она такая. http://jsfiddle.net/8rqetnyo/
Вложенный слой со скролом, выполняющий роль основного на странице + фиксированный слой, который перекрывает скролл.
Как бы вы решили? Быть может оно вообще не решается... ?
Была мысль с width: calc но в разных браузерах оно у меня выглядит по разному
-
By tefery
Посередине первого экрана будет кнопка скрола ко второму. Что нужно писать в джиквери, что бы прокрутить вниз на один экран?
-
Как сделать, чтобы при появлении вертикальной прокрутки, divы не выходили за правый край контейнера?By Roma-Pro
DEMO
Когда содержимое не помещается в overflow: auto, то
элементы внутри прокрутки выходят за свой контейнер появляется горизонтальная прокрутка (Смотри загруженное изображение)
Не понимаю, как сделать, чтобы блок overflow: scroll становился такой ширины, как и элементы внутри (расширялся), а не появлялась горизонтальная прокрутка.
-
By WhatIsHTML
Хочу сделать так, чтобы при наведении на картинку, она прокручивалась вниз, а затем, достигнув нижней точки, прокручивалась аналогично вверх. На данный момент ничего не работает. Если убрать if (), который идет после комментария, то будет работать только прокрутка вниз, до нижней крайней точки. Помогите, пожалуйста.
https://jsfiddle.net/11hdy2u8/
-
Question
serzh82saratov
Если в IE потянуть за ползунок скролла, то пока не выполнится процедура onscroll, визуально смещение не происходит. Это, то что нужно.
Но, если нажать на стрелку скролла, или между стрелкой и ползунком, или колёсиком прокрутить, то сначала происходит смещение и только после происходит вызов onscroll. Как избежать такого поведения? https://jsfiddle.net/0b9dye0j/
Edited by serzh82saratovLink to comment
Share on other sites
0 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.