Нажмите, чтобы перетащить одновременную вертикальную и горизонтальную прокрутку для веб - PullRequest
1 голос
/ 25 апреля 2020

tl; dr Мне интересно, можно ли заставить мышь перемещать веб-страницу, например, карты Google. И если это возможно, какова базовая c идея того, как я это сделаю?

В настоящее время я планирую веб-сайт, и одна из идей, которые у меня были, заключалась в том, чтобы позволить пользователю щелкнуть и перетащить на двигаться в 2-х измерениях. Этот опыт будет похож на Google Maps, где вы нажимаете и перетаскиваете для перемещения в пространстве.

Я видел некоторые фрагменты кода, которые позволяют вам прокручивать мышь с помощью горизонтальной прокрутки, но я не могу найти ничего, что позволяло бы вам одновременно выполнять горизонтальную и вертикальную прокрутку.

И советы или идеи о том, как этого можно достичь, приветствуются.

1 Ответ

0 голосов
/ 25 апреля 2020

Это возможно. Идея состоит в том, чтобы использовать mousedown, mousemove и mouseup события. Что происходит с вашей страницей, зависит от используемого вами контейнера. Например, в Google Картах для отображения карт используется <canvas>.

...