inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

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

[header] navigation script 작성하기

gnb에 submenu가 나올때

252

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

12

3

'CSS Level 3: grid'의 정리본 PDF도 올려주시면 좋을 듯 합니다.

0

54

2

경력기술서는 어떤 방향이 좋을까요?

0

52

2

a태그 질문!

1

414

2

질문있습니다!!

1

589

3

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

1

416

1

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

1

436

1

초반 셋팅 어떻게하나요?

0

411

1

visual animate 질문

1

300

1

js 토글질문

1

268

1

navigation script 질문드립니다.

1

287

1

클래스 질문 드려요!

1

253

1

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

1

270

1

.nav_d1_a 간격 조정이 안됩니다

1

267

1

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

1

309

1

안녕하세요!

1

213

1

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

1

346

1

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

1

578

1

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

1

299

2

질문드려요~

1

274

1

Search 코딩

1

238

1

강의초반reset.css

1

239

1

js 가 안되요..

2

276

3

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

1

437

1