Как приостановить автоматическую прокрутку div при касании на мобильном устройстве

#javascript #jquery

#javascript #jquery

Вопрос:

Я выяснил, как автоматически прокручивать блок div, но я не мог найти способ остановить автоматическую прокрутку, когда кто-то нажимает и удерживает на мобильном телефоне. Есть предложения? Мой javascript приведен ниже.

 function ScrollDiv() {

  if (document.getElementById('data').scrollTop < (document.getElementById('data').scrollHeight - document.getElementById('data').offsetHeight)) {
    -1
    document.getElementById('data').scrollTop = document.getElementById('data').
    scrollTop   1
  } else {
    document.getElementById('data').scrollTop = 0;
  }
}

setInterval(ScrollDiv, 25)
 

Комментарии:

1. Что это -1 за блуждание? Также знайте, что, делая document.getElementById('data') это, вы заставляете анализатор DOM выполнять поиск всего документа для этого элемента — несколько раз, без необходимости. Сохраните ссылку внутри переменной и используйте вместо нее эту переменную.

2. Почему вы не используете встроенную Element.scrollTo() behavior: 'smooth' опцию with? developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo и увидеть developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior

3. На самом деле я нашел этот код кем-то другим, я все еще новичок в JavaScript. Но да, я попробую родной, который вы только что предложили