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

Improve the smoothness of video scrolling animation

Browse Source 
Adjusted the scrolling speed and update interval in the Netflix grid component to achieve a smoother, 60 FPS animation.

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:22:44 +00:00
parent 9b08333985
commit 15f4c43eaa
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
scrollIntervalRef.current = setInterval(() => {
setTranslateX(prev => {
const speed = direction === 'right' ? -3 : 3; // Pixels per step
const speed = direction === 'right' ? -1.5 : 1.5; // Smaller steps for smoother motion
const newX = prev + speed;
const totalWidth = category.videos.length * videoWidth;
@ -171,7 +171,7 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) {
return newX;
});
}, 30); // Update every 30ms for smooth flow
}, 16); // Update every 16ms (60 FPS) for ultra smooth flow
};
// Initialize in middle section for infinite scroll