https://ysint0517.cafe24.com/
현재 스크롤시 해더부분이 fix 되어서 따라 내려오는데요
back ground color 가 transparent 로 되어있어서
아래쪽 내용이랑 겹쳐 보이는 경우가 있습니다
이부분을 해결하려고 스크롤시 back ground color를 흰색으로 처리하고싶은데
어떻게 하면 될까요?
hover 시에는 흰색으로 배경색을 처리해서 적용이 잘 된거같은데
스크롤시 적용방법 알려주시면 감사합니다
안녕하세요~^^
CSS 코드만으로는 스크롤 시 메뉴 색상을 추가하는 건 어려울 듯합니다.
jQuery scroll 이벤트를 활용해서 스크롤의 위치를 파악한 후
최상단이 아닐 경우 메뉴 영역에 별도의 class를 추가한 후
해당 class에 적용되는 CSS 코드를 추가해주셔야 할 듯합니다.
jQuery scroll 이벤트에 대한 자세한 내용은
아래 링크를 참고해보세요.
https://api.jquery.com/scroll/
고맙습니다.