Блокировка скролла в одном направлении | JS

Как заблокировать скролл в определенном направлении? Мне надо при достижении конца определенного элемента полностью блокировать дальнейший скролл в этом направлении, но я не понимаю как это сделать. overflow-y: hidden, блокирует скролл в любом направлении, что мне не подходит.

За элементом я наблюдаю с помощью IntersectionObserver. За скроллом с помощью события scroll.

Примечание: В обратном направлении скролл должен продолжать работать.