Table of content 기능 추가 #45
Open
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- toc 컴포넌트 및 스타일 정의 추가 - payload 인터페이스 sectionId 프로퍼티 추가 - TODO) - section에 도달했지만 toc active 상태 변경되지 않는 현상 수정 - toc a link 영역 확장 처리 ( 현재 텍스트클릭만 가능) - toc 닫히는 시간 조절
- section이 여러개 intersect 되는 경우 하나만 목차에 나타나는 버그 수정 - 스타일 global 스타일과 분리
- 문단이 길어질 경우 퍼센티지를 충족하지 못하여 임계값 제거 - animation 효과 위해 opacity style로 처리
- lint fix
- 스크롤 방향에 따른 visible section 처리 로직 변경
- 아래로 스크롤시 마지막 요소 활성화
- 위로 스크롤시 첫번째 요소 활성화
- 이렇게 처리 하지 않을경우 마지막 요소가 짧아 여러 요소가
visible일경우 toc 활성화가 안되는 현상 발생
- toc 표시 여부 반응형 처리
- todo) footer의 margin top을 주지 않아도 수정할 수 있도록 처리 고민하면
좋을듯
- toc 클릭시 콜백 동작 방지용 타이머 추가 - toc anchor태그 스타일 block으로 수정
- 너무 좁아보임..
- 새로고침시 해당 section으로 이동 방지
This reverts commit c8c0c1a.
This reverts commit c9d9f67.
|
codeclimate 통과가 어렵네요.. ㅠㅜ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
IntersectionObserver를 활용한 요소 감지 및 Scroll 시 우측의 목차 영역의 감지된 section 활성화 기능 추가.
showToc ( 표시 여부) prop 추가
toc 기본 이미지
toc hover시 이미지
