Как заставить широкую картинку в overflow-x: scroll двигаться от мышки (пальца)?

Question

[Роман Кофф]

Есть широкая картинка, которая на нешироком экране убирается под скролл (по горизонту). Если мышкой крутить скролл — картинка прокручивается. А как сделать, чтобы ее можно было скроллить прямо мышкой за картинку?

<div class="my-2 text-center">
   <div class="image-wide">
      <img style="min-width: 800px;" src="~/images/main.svg" alt="" />
   </div>
</div>
<style>
   .image-wide {
      padding-bottom: 1rem;
      overflow-x: scroll;
   }
   .image-wide>img {
      max-width: 100%;
      height: auto;
   }
</style>

Comments

[Kentavr16]

https://learn.javascript.ru/mouse-drag-and-drop

[Роман Кофф]

Kentavr16, спасибо, поизучаю...