sebastjan/videofolxtv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make video scrolling smoother and more fluid

Browse Source 
Adjusted scrolling speed and interval in the `netflix-grid.tsx` component for a more fluid visual experience.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/QCN70f2
This commit is contained in:
sebastjanartic 2025-08-29 15:24:02 +00:00
parent 15f4c43eaa
commit 484bbaac35
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/components/netflix-grid.tsx
View File

@ -158,7 +158,7 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) {
// Start continuous smooth scrolling with interval // Start continuous smooth scrolling with interval
scrollIntervalRef.current = setInterval(() => { scrollIntervalRef.current = setInterval(() => {
setTranslateX(prev => { setTranslateX(prev => {
const speed = direction === 'right' ? -1.5 : 1.5; // Smaller steps for smoother motion const speed = direction === 'right' ? -0.8 : 0.8; // Even smaller steps for ultra smooth motion
const newX = prev + speed; const newX = prev + speed;
const totalWidth = category.videos.length * videoWidth; const totalWidth = category.videos.length * videoWidth;
@ -171,7 +171,7 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) {
return newX; return newX;
}); });
}, 16); // Update every 16ms (60 FPS) for ultra smooth flow }, 12); // Update every 12ms for buttery smooth flow
}; };
// Initialize in middle section for infinite scroll // Initialize in middle section for infinite scroll