• 카테고리

    질문 & 답변
  • 세부 분야

    기타 (개발 · 프로그래밍)

  • 해결 여부

    미해결

내용목차 부분을 구현하려면 어떻게 해야 하나요?

20.05.09 18:51 작성 조회수 223

0

코도리 블로그 스킨을 따라 해보려고 하는데,

pc버전으로 접속했을 때 우측에 나오는 내용목차 부분을 구현하려면 어떻게 해야 하나요?

답변 4

·

답변을 작성해보세요.

2

아, 저부분은 자바스크립트를 써서 구현한 것이고, 티도리 프레임워크의 공식 홈페이지는 티스토리 스킨이 아니라 VueJS 로 구성된 것이기 때문에 다를 것입니다. 저것은 흔히 Scrollspy 라고 하며, CSS 프레임워크에 탑재된 경우가 종종 있는데, 저는 UIKit 을 사용했으므로 https://getuikit.com/docs/scrollspy#scrollspy-nav 를 참고해보시기 바랍니다.

공식홈페이지의 소스코드는 https://github.com/tidory/tidory.com 에 있지만, 말씀드린대로 VueJS 라 다를 수 있습니다. 그런데, 어차피 강의에 나온 CSS나 구성은 부분은 해당 소스코드에서 대부분은 복사 붙여넣기했으므로 가능할 것입니다.

0

yoon님의 프로필

yoon

질문자

2020.05.11

개발자님, 자세하게 알려주셔서 정말 감사드립니다!

VueJS는 아직 제 영역이 아닌 것 같아요~^^;

알려주신 CSS 소스코드를 보고 하나하나씩 접목 시켜서

만들었습니다!

정말 감사드립니다! :)

0

yoon님의 프로필

yoon

질문자

2020.05.10

불분명하게 질문드려서 죄송합니다.

인터넷을 찾아보니 TOC(Table Of Contents)라고 부르더라구요.

개발자님, 혹시 강의에서 나온 스킨 or 코도리 스킨은 따로 다운로드 할 수는 없나요?

0

안녕하세요! 정확히 어떤 부분을 말씀하시는 것인지 잘 모르겠습니다. 이미지 첨부해주시면 좋을 것 같아요