ragusa-it/ragusaitweb
1
0
Fork 0
Code Issues Pull Requests 6 Actions Packages Projects Releases Wiki Activity

Merge pull request #38 from ragusa-it/bolt-navbar-scroll-optimization-12203924683712473060

Browse Source 
⚡ Bolt: Optimize Navbar scroll handler
This commit was merged in pull request #38.
This commit is contained in:
Melvin Ragusa
2026-01-30 05:53:13 +01:00
committed by GitHub
parent 46e3949a21 51547318e1
commit c86c5f44a4
1 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/layout/Navbar.tsx
View File

@@ -25,10 +25,22 @@ export function Navbar() {
useEffect(() => { useEffect(() => {
let ticking = false; let ticking = false;
// Optimization: Track last state to avoid redundant setState calls
let prevIsScrolled = window.scrollY > 20;
// Set initial state correctly if page is loaded scrolled down
if (prevIsScrolled) {
setIsScrolled(true);
}
const handleScroll = () => { const handleScroll = () => {
if (!ticking) { if (!ticking) {
window.requestAnimationFrame(() => { window.requestAnimationFrame(() => {
setIsScrolled(window.scrollY > 20); const currentIsScrolled = window.scrollY > 20;
if (currentIsScrolled !== prevIsScrolled) {
setIsScrolled(currentIsScrolled);
prevIsScrolled = currentIsScrolled;
}
ticking = false; ticking = false;
}); });
ticking = true; ticking = true;