Large image with scroll vertical in swiper horizontal

[tarcisioandrade]

Hello, I am trying to create a manga reader and I came across a problem using swiperJS Core (no frameworks).

Some images are quite large, Ex: 800x8000, and the default behavior of swipe is to make it "fit" whole on the page, I would like the user to scrollase until finished reading and move to the next page (slide).

EXPECTED:

REALITY

Does anyone have any suggestions to get the result I want?

[ckanitz]

I'm unsure if I got you correctly but setting a maxHeight and overflow-y: scroll might help?

[tarcisioandrade]

I already tried it, it continues with this default behavior of "contain"

[ckanitz]

Maybe create a simple codesandbox (https://codesandbox.io) of your approach and I / others can play around with it? (or any similar service)

[tarcisioandrade]

Okay, I confess that I'm not using the swiper in a normal environment, I'm rendering in a webview in react-native, but I'd be happy if you could help me.

https://snack.expo.dev/@woltztyger/spunky-bananas2

[ckanitz]

The provided code won't render in my browser. Try to break it down to a simple "getting-started-tutorial"-level of a single .html page.