Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to make SwiperJs vertical mode, swipes BTT (from Bottom to Top)? #7378

Closed
5 of 6 tasks
RezaGhx opened this issue Mar 15, 2024 · 2 comments
Closed
5 of 6 tasks

How to make SwiperJs vertical mode, swipes BTT (from Bottom to Top)? #7378

RezaGhx opened this issue Mar 15, 2024 · 2 comments
Labels

Comments

@RezaGhx
Copy link

RezaGhx commented Mar 15, 2024

Check that this is really a bug

  • I confirm

Reproduction link

https://stackoverflow.com/questions/78167411/how-to-make-swiperjs-vertical-mode-swipes-btt-from-bottom-to-top

Bug description

I'm using swiperJs on a React project to to escalate from a number to another. but the number is always raising up (like a stats of total gaining). So I wanna make it scroll/swipe from bottom to top but it works upside down.

Expected Behavior

they have a prop there: 'rtl', which is the solution but for the horizontal swiper. https://swiperjs.com/demos#rtl is there any props like this or another way to change the direction of the swiper vertically?
problem
[the red arrow is the current behavior , the green arrow is the wanted behavior]

Actual Behavior

No response

Swiper version

11.0.7

Platform/Target and Browser Versions

Windows 11 / Chrome

Validations

  • Follow our Code of Conduct
  • Read the docs.
  • Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
  • Make sure this is a Swiper issue and not a framework-specific issue

Would you like to open a PR for this bug?

  • I'm willing to open a PR
@nolimits4web
Copy link
Owner

Do you want to ask a question? Are you looking for support? Stack Overflow or Swiper Discussions is the best places for getting support

Please, don't use GitHub issues for questions

@RezaGhx
Copy link
Author

RezaGhx commented Mar 15, 2024

just found swiper discussions, thanks.

anyway here is the solution for BTT vertical swiper auto play:
just set reverseDirection prop true on the autoplay options.

autoplay={{ delay: 0, disableOnInteraction: false, reverseDirection: true, }}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants