anchor 작동 원리
fullpage.js github 설명서에는
슬라이드로 가는 링크를 만들 때
data-anchor 속성을 사용하는 방법으로 나와있는데
강의에서 사용하신 방법은
a태그의 href와 js의 anchors 이름을 맞춰주는 걸로 나왔는데
어떻게 작동되는건지 좀더 자세하게 알려주실 수 있을까요?
개발자도구로 보니까
강의에서 알려주신 방법으로 했더니
각각 section에 자동으로 js의 anchors에서 지정한 이름이 data-anchor 속성으로 들어가있더라구요
어떻게 section을 알아서 찾아서 data-anchor 속성값으로 들어간건지 알고싶습니다
강의에서 사용하신 방법의 작동 원리를 구체적으로 알고싶습니다!
답변 1
0
github의 링크를 보셨나봐요~! 일단 열공해 주셔서 감사드려요!
일단 fullpage의 anchors속성에 들어가는 array는 각 메인 section에 사용하는 것이라고 생각하시면 됩니다.
그렇기에 section에 data-anchors속성으로 개발도구로 검색하면 나오는 것이구요!
만약 section 내부의 fullpage slide를 사용한다면.
위 내용처럼 data-anchor속성을 사용하여, 링크를 걸 수 있는데요, 이 값은 main section의 id 값과 중복되면 안되겠죠~ 당연한 얘기입니다. 그럼 링크를 어디로 갈지 혼돈이 올거예요!
만약 slide로 링크를 걸어야 한다면.
요런식으로 걸어주면 되겠습니다! 답변이 되셨길 바라며 오늘도 열공하시구요 감사합니다^^
[46강] EventEmitter를 활용한 10가지 패턴 중 플러그인 아키텍처
0
13
2
강의가 누락된것 같습니다.
0
32
2
용어 발음법이 계속 바뀌는 것 같은데 이런 부분들 개선이 가능할까요...?
0
41
1
counter01.html은 어디있을까요?
1
16
1
존재하지 않는 일기 url입력 시 alert이 두 번 떠요
0
35
1
useState 직접 구현 부분에서 질문이 있습니다.
1
43
1
학습을 하고 블로그에 정리를 해도 괜찮을까요?
1
41
1
교재(3쇄)와 강의 내용 문의
0
35
2
섹션2번 부분 강의 화면이 잘 못된것 같아서 문의합니다.
0
23
1
call stack 표현이 잘못표현된것이 아닌가요?
0
79
2
React 와 Virtual DOM 의 이야기 영상 실행이 안됩니다.
0
35
1
일반 강의와 차이점?
1
57
1
!= 연산자의 역할
0
35
1
중요하진 않지만 설명하신부분에서 안된부분..
1
39
1
강의 듣는 순서가 어떻게 되나요?
0
53
1
stopPropagation()에 대해서 질문 있습니다.
0
52
2
12.13) 하단 여백 스타일링 관련 질문 드립니다.
0
67
2
27강 Context내 RSC 사용 관련 문의
0
88
3
혹시 다음 강의 제작 예정된 것들이 있을까요?
0
94
1
Enable Linting 항목을 찾을수가 없습니다.
0
48
2
에러 질문드립니다
0
64
2
스크롤링
1
359
1
질문드립니다.
1
254
1
안녕하세요 강사님 여기서 막혀서 질문드립니다!
1
254
1