inflearn logo
강의

Course
Instructor

Easy to learn and create a responsive web portfolio! #Sulwhasoo

Writing [header] navigation script

gnb에 submenu가 나올때

237

Anne

4 asked

1

gnb에 submenu가 나올때요

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

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

Answer 1

1

lizb

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

Json 플러그인 사용시 variable collection 없음

0

12

1

배리어블 목록 없음

0

21

3

Token 등록 방법 문의

0

18

1

a태그 질문!

1

374

2

질문있습니다!!

1

549

3

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

1

397

1

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

1

416

1

초반 셋팅 어떻게하나요?

0

389

1

visual animate 질문

1

291

1

js 토글질문

1

254

1

navigation script 질문드립니다.

1

271

1

클래스 질문 드려요!

1

238

1

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

1

251

1

.nav_d1_a 간격 조정이 안됩니다

1

255

1

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

1

290

1

안녕하세요!

1

206

1

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

1

330

1

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

1

565

1

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

1

272

2

질문드려요~

1

265

1

Search 코딩

1

229

1

강의초반reset.css

1

226

1

js 가 안되요..

2

253

3

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

1

427

1