위 사이트에 보시면 상단 메뉴바에 서브 페이지(차세대)에 마우스를 대면 하위 페이지 메뉴가 아래로 나옵니다.
그 상태에서 스크롤을 내리면 상단 메뉴바가 스티키 헤더 효과가 있어서 따라서 내려오는데요.
그때 스티키 헤더 효과로 투명하게 된 배경이 같이 내려가면서 하위 페이지 메뉴가 보입니다.
이 효과를 그대로 구현하려면 어떤 코드를 입력해야하나요?
또는 해당 효과를 구현할 수 있는 플러그인이 있으면 추천 부탁드립니다.
설명이 이해가 안될까 싶어서 설명하는 이미지도 함께 첨부합니다.
도와주세요 ㅠ
*설명하는 이미지 링크
https://imgur.com/CFabKUF
안녕하세요~^^
워드프레스 사이트에서 레이아웃 수정 시
HTML과 CSS 코드에 대해 알면 도움이 됩니다.
Sticky 메뉴를 구성하는 건 CSS position 속성을 활용하거나
자바스크립트 코드를 활용하시면 가능합니다.
코드 수정이 어려우신 경우
아래 페이지에 찾으시는 플러그인이 있는지 확인해보시겠어요?
https://ko.wordpress.org/plugins/search/sticky+menu/
추가로, 코스모스팜 플로팅 메뉴를 사용하시면
워드프레스 홈페이지에 떠다니는 플로팅 메뉴를 추가하실 수 있습니다.
고맙습니다.
요즘 웬만한 테마에는 있을법한데 유료테마 쓰고 계신다면 테마에 한번 살펴보세요..