fix nav bar color change onscroll

This commit is contained in:
Lina Fadhli
2024-04-20 15:52:01 +01:00
committed by Su-Yong
parent e6b25119cd
commit 4415927465

View File

@ -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);