inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

쉽게 배우고, 포트폴리오로 만드는 반응형 웹! #설화수

[header] navigation script 작성하기

gnb에 submenu가 나올때

258

Anne

작성한 질문수 4

1

gnb에 submenu가 나올때요

'제품'의 submenu나오고나서 브랜드스토리로 마우스를 옮기면 submenu가 사라지지가 않아요 이건 어떻게 해결해야하는지 여쭤보아요 :)

클론코딩 반응형-웹 HTML/CSS

답변 1

1

LIZ.B

script에서  노란색으로 표시 해둔 부분으로 인해 각각의 서브메뉴가 나오는 것이구요  css에서 정의를 해놨기에 나오는 것입니다.
혹시 안되시면 전체 소스를 올려주세요! 확인해보도록 하겠습니다.

    gnb_menu_list.mouseenter(function(){
        const idx = $(this).index();
        console.log(idx);


        sub_menu_list.removeClass('Over');
        sub_menu.addClass('On');
        sub_menu_list.eq(idx).addClass('Over');
        gnb.addClass('Active');
    })
/* 추가된 내용 */
  .sub_menu li.nav_d2_box.Over {
    opacity: 1;/* Over라는 class가 붙으면 opacity가 1이 되게 css 작성*/
}

해당 플러그인을 설치했는데 추가 지원 안될 수 있다고 다른 플러그인을 깔아보라는데 어떻게 해야하나여?

0

32

2

만일 실물을 택배로 배송해야 할 경우 주소지 입력하는 방법이 궁금해서요.

1

65

4

설명이 잘못된거같습니다.

1

57

2

a태그 질문!

1

427

2

질문있습니다!!

1

602

3

css bacground-image를 인식하지 못합니다.

1

430

1

안녕하세요 visual slide 질문이 있습니다.

1

446

1

초반 셋팅 어떻게하나요?

0

428

1

visual animate 질문

1

311

1

js 토글질문

1

283

1

navigation script 질문드립니다.

1

303

1

클래스 질문 드려요!

1

267

1

[header] navigation script 작성하기 8분짜리 강의 추가 설명 부탁

1

283

1

.nav_d1_a 간격 조정이 안됩니다

1

272

1

.show 앵글다운 아이콘(opacity 0) 안됩니다

1

315

1

안녕하세요!

1

227

1

999px 풋터에 '한국어' 떄문에 풋터가 길어졌어요

1

355

1

max-width:999px에서 비주얼 폰트 vw 변환문의 드려요~

1

586

1

lounge 플랙스-스페이스비트윈등이 않되요~

1

316

2

질문드려요~

1

282

1

Search 코딩

1

246

1

강의초반reset.css

1

252

1

js 가 안되요..

2

284

3

Mac에서는 beautify 단축키가 어떻게 되나요?

1

445

1