Vertical scroll and vertical slide in mobile devices start at same time.

Hi! I need a bit of help, I want to have this carousel at the beginning of the page, in vertical mode. The carousel will have 3 items that need to be scrolled before letting the user scroll down. Im having trouble because the vertical scroll of the body starts working at the same time in mobile devices as the vertical scroll of the carousel. Is there a way to block body scroll while carousel does its thing? And second, can you disable bounce from vertical scroll at last element?