Задать вопрос

Как сделать перемещение по странице с помощью перетаскивания?

Чтобы можно было как бы передвигаться по странице, как на картах.
Или например как на этом сайте https://tennessine.co.uk/metro/
  • Вопрос задан
  • 161 просмотр
Подписаться 1 Средний Комментировать
Пригласить эксперта
Ответы на вопрос 2
cyber-jet
@cyber-jet
События ondragstart, на тачскинах событие другое, TouchEvent.
Ответ написан
delphinpro
@delphinpro Куратор тега CSS
frontend developer
// Реакция на нажатие мышки
document.addEventListener('mousedown', e => {
  // Запоминаем координаты мышки;
  // ...
  // Начинаем слушать перемещение
  document.addEventListener('mousemove', mousemove);
});

// Реакция на перемещение мышки
function mousemove(e) {
  // Отслеживаем координаты, сравниваем с запомненными
  // Вычисляем на сколько получилось смещение
  // Двигаем какой-то блок
}

// Реакция на отжатие мышки
document.addEventListener('mouseup', e => {
  // Отключаем прослушивание перемещения
  document.removeEventListener('mousemove', mousemove);
});
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы