fix(games): smooth scroll feel for carousel wheel navigation
Changed carousel wheel scrolling from discrete next/prev jumps to smooth scrolling that follows the wheel delta. Now it feels like actually scrolling instead of a rocket engine! - Uses embla's internal scroll container directly - Scales wheel delta by 0.5 for comfortable scroll speed - Maintains horizontal scroll and shift+scroll detection 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
parent
a224abb6f6
commit
f80a73b35c
|
|
@ -78,11 +78,11 @@ function GamesPageContent() {
|
|||
event.preventDefault()
|
||||
const delta = event.shiftKey ? event.deltaY : event.deltaX
|
||||
|
||||
// Scroll the carousel based on wheel delta
|
||||
if (delta > 0) {
|
||||
gamesEmblaApi.scrollNext()
|
||||
} else {
|
||||
gamesEmblaApi.scrollPrev()
|
||||
// Get the scrollable container (embla's internal container)
|
||||
const scrollContainer = gamesEmblaApi.internalEngine().scrollBody.container
|
||||
if (scrollContainer) {
|
||||
// Smooth scroll by the wheel delta amount (scale it down for better feel)
|
||||
scrollContainer.scrollLeft += delta * 0.5
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -121,11 +121,11 @@ function GamesPageContent() {
|
|||
event.preventDefault()
|
||||
const delta = event.shiftKey ? event.deltaY : event.deltaX
|
||||
|
||||
// Scroll the carousel based on wheel delta
|
||||
if (delta > 0) {
|
||||
emblaApi.scrollNext()
|
||||
} else {
|
||||
emblaApi.scrollPrev()
|
||||
// Get the scrollable container (embla's internal container)
|
||||
const scrollContainer = emblaApi.internalEngine().scrollBody.container
|
||||
if (scrollContainer) {
|
||||
// Smooth scroll by the wheel delta amount (scale it down for better feel)
|
||||
scrollContainer.scrollLeft += delta * 0.5
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue