kudzues/qwerty-learner
1
0
Fork 0
mirror of https://github.com/RealKai42/qwerty-learner.git synced 2026-04-05 06:19:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #989 from JayMeDotDot/fix-mobile-page-animation

Browse Source 
fix mobilePage carousel animation bug
This commit is contained in:
Kai
2025-12-11 21:07:33 -08:00
committed by GitHub
parent 94b8f7916c 735ee1df5c
commit 7a80b2e0f3
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/pages/Mobile/index.tsx
View File

@@ -52,13 +52,13 @@ const MobilePage: React.FC = () => {
const slideWidth = container.offsetWidth const slideWidth = container.offsetWidth
if (currentSlide === 0) { if (currentSlide === 0) {
container.style.transition = 'none' container.style.transform = `translateX(-${totalSlides * slideWidth}px)`
container.style.transform = `translateX(0)`
setTimeout(() => { setTimeout(() => {
container.style.transition = 'transform 0.5s ease' container.style.transition = 'none'
container.style.transform = `translateX(-${slideWidth}px)` container.style.transform = `translateX(0)`
}, 50) }, 500)
} else { } else {
container.style.transition = 'transform 0.5s ease'
container.style.transform = `translateX(-${currentSlide * slideWidth}px)` container.style.transform = `translateX(-${currentSlide * slideWidth}px)`
} }
} }