inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

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

[header] navigation script 작성하기

gnb에 submenu가 나올때

241

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 작성*/
}

part3. spy 쪽 / part3,part4 강의자료

0

27

2

최종 코드

0

34

2

Open AI 결제

0

35

2

a태그 질문!

1

397

2

질문있습니다!!

1

570

3

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

1

405

1

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

1

424

1

초반 셋팅 어떻게하나요?

0

402

1

visual animate 질문

1

294

1

js 토글질문

1

259

1

navigation script 질문드립니다.

1

275

1

클래스 질문 드려요!

1

243

1

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

1

261

1

.nav_d1_a 간격 조정이 안됩니다

1

258

1

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

1

293

1

안녕하세요!

1

210

1

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

1

333

1

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

1

570

1

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

1

283

2

질문드려요~

1

268

1

Search 코딩

1

232

1

강의초반reset.css

1

231

1

js 가 안되요..

2

259

3

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

1

428

1