fix nav bar color change onscroll

th-ch · May 16, 2024 · 4415927 · 4415927
1 parent e6b2511
commit 4415927
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/plugins/in-app-menu/renderer/TitleBar.tsx b/src/plugins/in-app-menu/renderer/TitleBar.tsx
@@ -270,8 +270,21 @@ export const TitleBar = (props: TitleBarProps) => {
 
     // tracking mouse position
     window.addEventListener('mousemove', listener);
+    const ytmusicAppLayout = document.querySelector<HTMLElement>('#layout');
+    ytmusicAppLayout?.addEventListener("scroll",()=>{
+    const scrollValue = ytmusicAppLayout.scrollTop;
+    if (scrollValue > 20){
+      ytmusicAppLayout.classList.add("content-scrolled");
+    }
+    else{
+      ytmusicAppLayout.classList.remove("content-scrolled");
+    }
+    })
+
   });
 
+
+
   createEffect(() => {
     if (!menu() && data()) {
       setMenu(data() ?? null);