레프트메뉴 질문 드립니다.

레프트메뉴 질문 드립니다.

QA

SIR 제작의뢰 - 견적무료/익명보정/호스팅, DB 이전/단기개발. 이젠 ' 의뢰인'이 원하는 '제작자'에게만 연락처를 알릴 수 있습니다.

레프트메뉴 질문 드립니다.

본문

레프트메뉴를 만드는 중인데요.

 

대메뉴 안에 소메뉴가 4개 정도 있다는 가정하에 대메뉴를 클릭해서 들어가면 

 

한 페이지에 안에서 소메뉴 내용을 전보 보여주려고 합니다.

 

그리고 대메뉴에 있는 소메뉴를 클릭하면 그 내용을 a #태그를 붙여 내용 찾아가는건 어렵지

 

않은데 글 내용안에서 스크롤을 해서 움직이면 현재 어떤 소메뉴의 내용을 보고 있는지

 

레프트 메뉴에 빨간 색상으로 표시를 해주려고 합니다.

 

혹시 이렇게 만드려고 하는데 참고할만한 사이트나 글이 있을까요?

 

1794352587_1560330858.5355.jpg

 

위에 그림 처럼 현재 한페이지에 4개 소메뉴의 내용이 모두 나오고 마우스를 움직여 그 내용이

보이면 자동으로 어딜 보고 있는지 표시는 되네요.

 

근데 저 사이트의 방식은 현재의 높이값을 아예 지정해놓고 하는 방식이라 화면을 줄여서 긴글이

아래로 내려가면 그것도 높이값으로 반영되 현재 보고 있는 페이지랑은 전혀 엉뚱한 곳에 소메뉴

글자에 빨간색이 표시 됩니다.

 

물런 원초적인 방법으로 위의 방식대로 하다가 일정 사이즈가 되면 레프트 메뉴를 없애면서 모바일 

메뉴로 바꾸는 방식을 사용해도 되는데 글이 수정되거나 하면 높이값을 일일이 다 바꿔줘야 되서요.

 

방법이 있으면 부탁드리겠습니다.

 

이 글을 내 페이스북 계정으로 보내기 이 글을 내 트위터 계정으로 보내기 이 글을 내 구글플러스 계정으로 보내기

이 질문에 댓글 쓰기 :

답변 1

채택됨

toqurk님의 답변

서브 메뉴를 움직이는 js 파일이 있습니다. 그부분을 찾으셔서 부모의 li 에 class를 적용시켜주시고 class의 css 를 설정해두시면 됩니다.

해서 over 시와 out 시에 클래스를 addclass 와 removeclass 를 적용하시면 될것같습니다.

주소복사
채택됨
답변의 댓글
답변을 작성하시기 전에 로그인 해주세요.
전체 35,568
고마운 분의 도움으로 질문을 해결하셨다면, 채택을 눌러서 감사의 마음을 전하세요.
어떻게 질문해야 할지 모른다면 질문하는 방법을 읽어 보신후 질문해 보세요.
QA 내용 검색

회원로그인

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT