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로 링크를 걸어야 한다면.
요런식으로 걸어주면 되겠습니다! 답변이 되셨길 바라며 오늘도 열공하시구요 감사합니다^^
자료집 관련
0
3
1
13. (App 2) 기본기 훈련 에서
0
11
1
챌린지 시작일 문의
0
14
0
2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중
0
15
1
11차시 Antigravity IDE 설치 후
0
17
1
처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법
0
15
1
5,6,7,8 내용이 없어요
0
14
1
ThemeProvider를 이용해서 NextThemeProvider를 따로 생성하여 Layout.tsx에 적용하는 이유는 뭘까요?
0
13
1
mission 09-01 을 수행할 수 없어요
0
20
1
Context API vs Zustand 그리고 Auth
0
34
2
순수 함수 / 순수 컴포넌트
0
22
1
css box-sizing 관련 질문
0
33
2
스니펫이 이상해요
0
32
2
Editor Component의 최적화 불가능 이슈
0
37
2
useCallback ⊂ useMemo
0
34
2
깃허브 저장소를 어디에 첨부하셨나요?
1
39
1
nestjs 강의는 없나요??
1
41
2
스타터 저장소
1
43
1
What is Rxjs
0
32
1
라이브러리 설치 질문
0
34
2
linter 질문
0
40
2
스크롤링
1
377
1
질문드립니다.
1
266
1
안녕하세요 강사님 여기서 막혀서 질문드립니다!
1
274
1