Показать сообщение отдельно
  #6 (permalink)  
Старый 03.08.2016, 10:32
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

включение/выключение печатной машинки при скролинге
folkemon,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
    body {
      height: 2500px;
    }
    #data{
      position: fixed;
    }
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  <script>
$(function() {
     var timer, pause = true, str = 'Основной сложностью в работе с закупками является является поиск тендеров, которые проводятся заказчиками и касаются товаров, работ у услуг поставляемых исполнителем. Поиск торгов – ответственный и сложный этап организации участия в тендере и от того, насколько качественно и профессионально он организован, во многом зависит его благоприятный исход.',
    len = str.length,
    i = 0;
  $(window).scroll(function(){
  var scroll = $(this).scrollTop();

  if (scroll > 400 && scroll < 800) {
  if(pause) {
  pause = false;
  timer = window.setTimeout(firstScript, 300)}
  }
  else {
  pause = true;
  data.textContent = '', i = 0;
  window.clearTimeout(timer)
  }
  })
  function firstScript() {
      data.textContent += str[i++];
      if (i == len) data.textContent = '', i = 0;
      timer = window.setTimeout(firstScript, 50);
    }

});
  </script>
</head>

<body>
<div id="data"></div>

</body>
</html>

Последний раз редактировалось рони, 03.08.2016 в 10:35.
Ответить с цитированием