네비게이션 메뉴 눌렀을 때 페이지의 처음부터 보이게 하는 방법
358
작성한 질문수 4
안녕하세요, 이번 강의 마지막 부분에 전반적으로 모바일버전이 잘 작동하는지 확인하시는 과정에서 네비게이션 메뉴를 눌러 각 페이지로 이동하는지도 보여주셨는데요, 이 과정에서 상단에 고정되어 있는 header가 페이지의 내용을 일부 가리게 되는 현상이 보입니다. 이를 조정해서 페이지의 전체가 보이도록 하는 방법이 있을까요?
답변 2
3
앵커에서 헤더가 fixed일때 스크롤 위치를 변경하고 싶어서 고민을 해봤습니다.
원하는 타겟을(여기서는 cd-section 이겠죠?) margin-top: -○○px 헤더 높이만큼 올리고, 다시 padding-top:○○px 다시 원래 자리로 돌리면 잘 됩니다!
.cd-section {
height: 100vh;
margin-top: -60px;
padding-top: 60px;
}1
상단부분을 말하시는거면 헤더가 fixed 되어 있어서 헤더가 섹션의 상단 컨텐츠를 가린다는 말씀 같아요.
그런 부분이 걸리시면 모바일에서 섹션의 상하 패딩을 좀 더 여유있게 주시는 방법이 있습니다.
그런데 네비게이션을 사용하지 않고 스크롤하는 경우 섹션의 상하 패딩이 너무 크면 부담스러울 수도 있어요.
full reload 질문
1
178
3
섹션4에 있는 4번째 강의 질문(스크롤링)
1
148
2
안녕하세요. 질문있어서 조심스레 글을 올려봅니다.
1
197
1
브라켓 라이브 실행시 실행오류때문에 진도가안나갑니다..ㅠㅠ
1
316
3
css full reload 문제가 발생하여 질문드립니다!
1
315
3
파일 내 index.html에 대한 오류
1
264
1
모바일 네비게이션 퍼블리싱 - 모바일트리거, GNB 보이기 감추기 부분 해결되지 않아 재 질문 드립니다ㅠㅠ
1
207
1
모바일 네비게이션 퍼블리싱 - 모바일트리거, GNB 보이기 감추기 질문입니다
0
218
2
모바일 네비게이션 퍼블리싱 ㅡ모바일트리거,GNB 보이기 감추기 부분 다시 수정하여 질문드립니다!
1
201
2
모바일 네비게이션 퍼블리싱 ㅡ모바일트리거,GNB 보이기 감추기 부분 질문드립니다.
1
255
3
크로스브라우징-크롬
1
280
2
섹션 17 하드코딩으로 이미지맵 만들기 부분 연습파일이 없어요..
0
256
1
line-hieght를 em 단위로 쓰는 것에 대하여 질문 드립니다
1
217
1
슬릭 슬라이더 dots 보이게 하는 방법 질문 드립니다
1
274
1
이거 h2 가 안나오고 스크롤도 안되는데 왜이래요?
1
257
1
모바일 버전에서 메뉴 클릭 후 그 위치로 이동할 때 상단 영역
1
507
2
PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태 (소스)4
2
233
1
PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태 (소스)3
2
308
1
PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태 (소스 js)2
2
259
1
PC에서 모바일화면으로 전환되면 GNB 메뉴가 OPEN되어있는 상태
2
422
1
포지션 속성 중복과 관련해서
1
213
1
section about에 관련.. 궁금해요
1
253
1
섹션3 모바일네이게이션 퍼블리싱 모바일트리거 관련
1
190
2
개발자도구
2
479
6