09.NavaigationBar2 js부분 질문입니다.
227
投稿した質問数 1
안녕하세요. 강의 잘 보았습니다.
마지막 NavigationBar2 부분에서
window.scrollTo(0, document.getElementById(id).offsetTop - 70);
scrollTo함수의 y좌표값을 왜 offsetTop -70으로 설정했는지 궁금합니다.
scrollTo함수나 offsetTop 함수에 대한 사전 설명없이 그냥 진행하시다보니
그 부분에 대해 미리 숙지하지않으면 이해가 어렵네요.
offset API 시리즈는 부모의 포지셔닝 정책에 따라 절대좌표 or 상대좌표가 나올 수 있다고는 알고있는데
아직 정확하게 이해가 되지는 않습니다...
반응형웹으로 제작하였는데 왜 getBoundingClientRect()가 아닌 offset 을 사용했는지 궁금합니다.
이 부분에 대한 추가설명 요청드립니다.
回答 1
0
안녕하세요.
offsetTop - 70 부분은 메뉴 아이템을 클릭하여 페이지내 스크롤 이동을 하였을 때 메뉴바에 의해 가려지는 영역을 보여주기 위해 작성한 코드입니다. 글로만 보셔서는 와닿지 않으신다면 '- 70' 을 제거하고 테스트해보시면 설명이 되실거라 생각합니다.
그리고 offsetAPI 를 사용한 것은 개인적으로 자주 사용하는 함수이기 때문에 적용한 것으로 getBoundingClientRect() 를 선호하신다면 사용하셔도 무방합니다.
좋은 하루 되세요 ~
CSS가 적용이 안됩니다.
0
78
1
동영상을 최신버전에 맞게 업그레이드 해주시거나 css적용이 안되는 원인과 해결방법을 빠르게 써주실 수 있나요?
0
100
1
화면이 너무작아요
0
231
0
awesome font에서
0
366
1
팝업창 동영상
0
273
1
챕터 6에서 해결이 안되고 있습니다.
0
368
1
클릭시 드롭다운이 되지 않습니다..
1
388
2
navigation bar 만들기 java script부분에 질문이 있습니다.
0
378
1
자바스크립트 에러 현상
0
503
1
건의사항입니다.
1
305
1
CSS
0
236
1
작동이안되여..
0
276
1
이미지
1
243
1
.header-area > .navbar에 적용한 css에 대해서
0
296
1
css 적용이 안되는 증상
0
297
2
className과 classList에 대해 궁금합니다.
0
259
1
이미지 슬라이드 적용예제에서 자바스크립트 함수 bind()에 대해 궁금합니다.
0
497
1
CSS 적용이 안됩니다ㅠㅠ
0
229
2
header 부분에 js파일을 타이핑 했으나 오류가 뜸니다.
0
215
1
스크롤을 내리면 네비게이션바 길이가 줄어듭니다
0
300
1
.navbar-toggler에서 height
0
162
1
overflow:hidden 역할에 대해서
0
331
1
강의를 보면서 같이 타이핑 하고 싶은데
0
223
1
copyright에 대한 질문이 잇습니다
0
207
2