Fix header background position logic on scroll

Updated the header's background position calculation to use string concatenation for `inverseYPos` and introduced dynamic adjustment of `inverseYPos` on scroll. This ensures smoother and more accurate background position updates.
2025-04-05 23:18:37 +02:00
parent 04c5a3e846
commit 1af614323e
2 changed files with 3 additions and 7 deletions
@@ -1,12 +1,6 @@
-
-
-
-
-
-
 <ng-container>
  <header id="top"
-          [ngStyle]="{ 'background-image': getBackgroundImage(), 'height': height, 'background-position': center {{ inverseYPos }}px; }">
+          [ngStyle]="{ 'background-image': getBackgroundImage(), 'height': height, 'background-position': 'center ' + inverseYPos + 'px' }">
    <nav id="nav" [ngClass]="active">
      <div class="container">
        <div id="mobile_nav">