스크롤 내릴때 GNB메뉴 나타나면서 LNB메뉴도 가운데 정렬되게 하려면

안녕하세요. 몇가지 문의사항있습니다.
1.GNB 메뉴 스크롤내릴때 고정하려고 합니다. 다른 솔루션 GNB 소스 참고하여 값을 넣었는데 잘안되네요 ^^

 1) GNB 메뉴 배경(투명) ->흰색을 채우는방법

 2) 스크롤 내리면 LNB 메뉴 우측으로 쏠림
 3) 다른 솔루션의 경우 스크롤 내리면
    로고(좌측) + GNB(우측) 이렇게 보여지는 테마도 있던데 그렇게 하는 방법도 알고 싶네요.


2. 갤러리 게시판 
   갤러리게시판 썸네일 이미지에 마우스 커서 위치하면 이미지가 약간 확대되는 기능이 있던데 어디서 값을 설정하면 되나요?
· 관련키워드

 ,LNB메뉴,관리자,https,[RE],kwa-,important

공유하기
매뉴얼요청
분류
GNB/LNB 메뉴구성
>GNB/LNB설정
등록자

김상운

등록일
2023-06-15
버전

[RE] 스크롤 내릴때 GNB메뉴 나타나면서 LNB메뉴도 가운데 정렬되게 하려면

안녕하세요. 비오에스입니다.


GNB 메뉴 관련하여 문의주셨는데요~


1. 스크롤을 내릴 때 GNB 메뉴가 고정되는 기능은 gnb fixed 기능을 사용하시면 됩니다.

해당 기능은 잘 설정되어 있는 것으로 파악되나, left 위치 값 또한 설정되어있어 해당 값 조절을 하여 작업해보시기 바랍니다.


- 관리자 홈 > 메인페이지 > 페이지편집 >고정하고자 하는 gnb 메뉴를 담고 있는 기본박스(회색박스) > left 값 수정

 position: fixed !important;top: 0; left:0; width: 100%; z-index:99; 을 추가하여 보시기 바랍니다.


2. fixed 기능을 담고있는 GNB 박스의 style에 background-color: 0.6 으로 설정되어 있는것을 확인했습니다.

해당 영역의 배경색을 정확한 색상 코드값 rgba(255,255,255,1); 으로 수정해보시길 바랍니다.


3. 스크롤 내릴시의 우측으로 쏠림 현상을 확인해보니 해당 영역에 margin-left:40px;의 값이 적용되어 있어 우측쏠림 현상이 있는것을 확인하였습니다. 

margin은 자신의 영역 밖에서 여백을 주는 개념이므로, margin 값보다는 padding(자신의 영역 내에서 여백을 가짐)으로 조절해보시기를 권장드립니다.


4. 어떤 솔루션인지 상품의 정확한 이름을 명시해주시거나 솔루션 페이지의 이미지를 첨부해주시면 확인 후에 안내해드리도록 하겠습니다.


5. 갤러리 게시판의 이미지 확대기능사항은 transform : scale(); 값을 활용하여 css로 작업이 가능하십니다.


위의 방법을 참고하여 작업해보시고, 직접 작업이 어려우실 경우 작업을 의뢰하실 수 있습니다.

작업 의뢰는 유상으로 진행된다는 점 참고해주시기 바라며, 작업의뢰 게시판을 이용해주시기 바랍니다. 

작업의뢰 : https://bos.kr/kwa-expert



추가 문의사항이 있으실 경우, 댓글을 남겨주시면 답변을 통해 안내를 드리도록 하겠습니다.


감사합니다.

등록자
비오에스
등록일
2023-06-19 14:40
조회
170
사용자포럼(Q&A)
번호제목등록자등록일
46180

이태호

03-13
46151

이태호

02-23
45949

유의열

09-12
45780

김상운

06-15
45680

김상운

04-04
45631

최호용

03-03
45445

이명신

10-26
45343

이명신

08-08
45330

천상영

08-04
45320

천상영

08-02
45301

천상영

07-23
45289

천상영

07-18
45136

이준영

04-28
45131

이준영

04-21
45046

김정혁

02-22