Altitude/AltitudeWeb
5
0
Fork 0
Code Issues 12 Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust scroll activation threshold and reset inverseYPos.

Browse Source 
Increased the scroll threshold for activating the header to 5 for better usability. Added a reset for `inverseYPos` to 0 when the scroll position is at the top, ensuring consistent behavior.
This commit is contained in:
Teriuihi 2025-04-12 16:51:08 +02:00
parent a1b42060b0
commit 1264003a44
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/app/header/header.component.ts
View File

@ -27,10 +27,11 @@ export class HeaderComponent {
@HostListener('window:scroll', []) @HostListener('window:scroll', [])
onWindowScroll(): void { onWindowScroll(): void {
const scrollPosition = window.scrollY; const scrollPosition = window.scrollY;
if (scrollPosition > 0) { if (scrollPosition > 5) {
this.active = 'active'; this.active = 'active';
this.inverseYPos = scrollPosition - (scrollPosition * 0.2); this.inverseYPos = scrollPosition - (scrollPosition * 0.2);
} else { } else {
this.inverseYPos = 0;
this.active = ''; this.active = '';
} }
} }