Как прекратить прокрутку страницы при достижении элемента?
TLDR - набросок
Суть проста: когда документ доскроллен до котиков, проверяем доскроллены ли котики до возможного конца, и если нет, то устанавливаем нужное значение вертикального скролла документа, в данном случае это такой вертикальный скролл, чтоб котики были в середине. По ходу еще скроллим горизонтально котиков. 
Все.
Вы не можете предотвратить прокрутку внутри onscroll, так как этот обработчик вызывается уже после самой прокрутки, а не до. Единственный вариант это блокировать события, которые приводят к прокрутке: события колёсика мыши, мультитача и некоторых клавиш. С конкретной реализацией поможет гугл.
P.S. Вы всё-равно не сможете блокировать прокрутку при перетягивании скролл-бара мышкой. Так что стоит пересмотреть подход к решению задачи.