Vertical direction Swiper in Mobile devices

[kaushikchopra]

<SwiperContainer className="w-full h-screen -z-0" direction="vertical" pagination={{ clickable: true, }} autoplay={{ delay: 2500, disableOnInteraction: false, }} allowTouchMove={false} modules={[Pagination, Autoplay]} > {sliderImages.map((image) => ( <SwiperSlide key={image.id}> <Image src={image.src} alt={image.alt} priority={true} className="object-cover h-full" /> </SwiperSlide> ))} </SwiperContainer>

I have this code in my home page and I want to scroll to next section after this slider. Unfortunately, the allowTouchMove attribute which has been made false, is stopping the touch events from scrolling the web page also. I would like to know how to make touch event stop from sliding the swiper slides but scroll the web page.