Jump to content

Report

  • Similar Content

    • VolKTieR
      Появляющаяся кнопка включения/выключения аудио при скроллинге
      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>
       
      Кнопка плавающая, останавливает звук включенный другой .
      Со звуком проблем нет, но появление и исчезание кнопки при прокрутке не работает.
      Подскажите пожалуйста как сделать))
    • serzh82saratov
      Поздно срабатывает onscroll в IE
      By serzh82saratov
      Если в IE потянуть за ползунок скролла, то пока не выполнится процедура onscroll, визуально смещение не происходит. Это, то что нужно.
      Но, если нажать на стрелку скролла, или между стрелкой и ползунком, или колёсиком прокрутить, то сначала происходит смещение и только после происходит вызов onscroll. Как избежать такого поведения?   https://jsfiddle.net/0b9dye0j/
    • ShumNo
      Scroll + Position:fixed - как бы вы решили?
      By ShumNo
      Есть такая разметка, возможно она кривая, но в силу некоторой идеи она такая. http://jsfiddle.net/8rqetnyo/
      Вложенный слой со скролом, выполняющий роль основного на странице + фиксированный слой, который перекрывает скролл.
      Как бы вы решили? Быть может оно вообще не решается... ?
      Была мысль с width: calc но в разных браузерах оно у меня выглядит по разному
       
    • tefery
      Как сделать скролл на один экран вниз?
      By tefery
      Посередине первого экрана будет кнопка скрола ко второму. Что нужно писать в джиквери, что бы прокрутить вниз на один экран?
    • R45H
      Флексбокс. Неправильное отображение в Firefox
      By R45H
      Буду очень благодарен, если вы мне подскажите, как можно решить проблему.
      Скидываю простейший пример вёрстки, демонстрирующей проблему, без лишнего мусора - https://github.com/R45H/bug-in-ff.

      Нужно, чтобы в firefox отображалось также, как и в хроме. С учётом адаптивности.
      Здесь используется флексбокс и паддинг снизу в % для сохранения пропорций картинок.

      Проблема заключается в том, что при указании flex-direction: column; лиса схлопывает картинки (а хром нет).
      Мне подойдёт любое решение, но поведение и вид должны быть такими же, как в примере в хроме:
      - пропорциональное уменьшение картинок;
      - блоки с синей обводкой растягиваются на всю оставшуюся высоту;
      - голубой и зелёный блоки подстраиваются по высоте друг под друга (неважно где сколько текста);
      - на планшетах всё должно разворачиваться по-бутстраповски (как сейчас в примере).

      Заранее спасибо за помощь. 
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept