풀 페이지 사이드 네비 문의드립니다

풀 페이지 사이드 네비 문의드립니다

QA

풀 페이지 사이드 네비 문의드립니다

답변 1

본문

 

안녕하세요

풀페이지 관련 사이드 네비 질문드립니다. 

3034737284_1704386700.415.png

현재 작업중인 주소입니다 

https://altech.gabia.io/index.php#main 

 

 

3034737284_1704386712.1839.png

https://www.lotte.co.kr/main.do#firstPage

옆 사이드 네비처럼  동그라미를 마우스 오버시 메뉴가 나오게

하고싶은데 아무리 해도 어떻게 해야할지 모르겠습니다 ㅠㅠㅠ

제발 도와주세여1 

이 질문에 댓글 쓰기 :

답변 1


$(function () {
    $('#fp-nav a').on('mouseenter', function () {
        $(this).closest('ul').find('a').removeClass('active');
        $(this).addClass('active');
    });
    $('#fp-nav a').on('mouseleave', function () {
        $(this).removeClass('active');
    });
});

현재페이지 메뉴를 유지해야 한다면 다음처럼 시도해볼수 있습니다.


$(function () {
    $('#fp-nav a').on('mouseenter', function () {
        if (this.href.endsWith(location.hash) == true) { return; }
        //$(this).closest('ul').find('a').removeClass('active');
        $(this).addClass('active');
    });
    $('#fp-nav a').on('mouseleave', function () {
        if (this.href.endsWith(location.hash) == true) { return; }
        $(this).removeClass('active');
    });
});

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 50
© SIRSOFT
현재 페이지 제일 처음으로