Как запустить автоматическую прокрутку веб-страницы по требованию с помощью кнопки «Стоп» - PullRequest
Новая
       15

Как запустить автоматическую прокрутку веб-страницы по требованию с помощью кнопки «Стоп»

0 голосов
/ 06 июля 2018

Я пытаюсь получить мой сценарий, который автоматически прокручивает мою веб-страницу, чтобы просто запускаться по требованию с помощью кнопок «Пуск» и «Стоп», пожалуйста, вы можете помочь 

//run instantly and then goes after (setTimeout interval)

$("html, body").animate({
  scrollTop: $(document).height()
}, 50000);
setTimeout(function() {
  $('html, body').animate({
    scrollTop: 0
  }, 50000);
}, 50000);
setInterval(function() {
  // 50000 - it will take 4 secound in total from the top of the page to the bottom
  $("html, body").animate({
    scrollTop: $(document).height()
  }, 50000);
  setTimeout(function() {
    $('html, body').animate({
      scrollTop: 0
    }, 50000);
  }, 50000);

}, 50000);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

1 Ответ

0 голосов
/ 06 июля 2018

Этот код создает scroll переменную JavaScript (как функцию setInterval ()) и запускает ее. Функция будет прокручивать страницу каждые 2 секунды (2000 мсек). Вы можете настроить скорость автоматической прокрутки, изменив это значение. Высота одиночной прокрутки вниз определяется вторым параметром scrollBy () - 1000; окно будет прокручено на 1000 пикселей. 

function start_scroll_down() { 
   scroll = setInterval(function(){ window.scrollBy(0, 1000); console.log('start');}, 1500);
}

function stop_scroll_down() {
   clearInterval(scroll);
   console.log('stop');
}
<button onclick="start_scroll_down();">Start Scroll</button>
<button onclick="stop_scroll_down();">Stop Scroll</button>
...