RishaBond

https://codepen.io/anon/pen/oRPdda

или отлавливать через intersection observer, что наверняка будет правильнее работать
https://developer.mozilla.org/en-US/docs/Web/API/I...

А что не понятно? Нельзя вызывать event.preventDefault() внутри пассивного обработчика. А обработчики для тач-событий пассивны по умолчанию.

Так что либо не вызывать preventDefault(), либо регистрировать обработчик как-то так:

element.addEventListener(handleEvent, { passive: false });

Подробнее здесь

outline:1px dashed red;
outline-offset:-4px;