Как запретить пользователям переходить на предыдущую / следующую страницу при прокрутке влево / вправо внутри прокручиваемого элемента div?

Question

У меня довольно незначительная, но очень раздражающая проблема с UX.

На одной из страниц требуется очень широкая таблица, которую я поместил в прокручиваемый элемент div.

Проблема, с которой я сталкиваюсь, заключается в том, что, когда пользователь прокручивает влево или вправо с помощью трекпада на Mac, он часто случайно запускает поведение «перейти на следующую / последнюю страницу» в Chrome, если он продолжает пытаться прокрутить вправо. / осталось после того, как они уже добрались до края стола.

Есть ли способ отключить поведение трекпада движения вперед / назад двумя пальцами, когда они находятся над определенным тегом?

CSS:

.scrollable {
  height: 100%;
  overflow-y: scroll;
  width: 100%;
  overflow-x: scroll;
}

HTML:
 <div class="scrollable" id="tableHere">
   <table>
      -- a really wide table --
   </table>
 </div>

Answer 1

Простой ответ: нет, вы не можете этого сделать, то, что вы могли бы сделать, это включить прокрутку div в цикле, как если бы пользователь прокручивал до конца div и снова прокручивал, перемещая прокрутку, чтобы начать снова