일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
Tags
- 자바스크립트
- 정규식
- 더존ERP
- sendmail
- 리눅스
- ping
- MYSQL
- port
- php
- python
- 정규표현식
- 목차만들기
- 핑테스트
- crontab
- 문자열
- MSSQL
- JavaScript
- 메일
- 이메일주소
- pingtest
- 포트
- 핑
- vscode
- 유효성
- 트랜젝션
- js
- codeigniter
- erp
- sp_who
- jquery
Archives
- Today
- Total
목록chapters (1)
반응형
ioerror
[jQuery] 티스토리 목차(TOC) 만들기 - 2
상황 "티스토리에 내용 목차 만들기"에서 만든 목차(TOC) 스크립트에 스크롤 이동으로 목차에 현재 위치를 표시하는 기능을 추가하고 싶어 졌다. scrollspy를 간단히 구현해서 적용하면 될 듯해서 스크립트와 스킨의 CSS 도 수정했다. 그리고 코드를 삽입했을 때 어떤 코드인지 코드 블록에 표시하는 것이 좋을 듯해서 스크립트를 추가했다. 스크롤 스파이 (scrollspy) 스크롤 위치를 감지해서 특정 기능을 수행하는 기능으로 bootstrap의 scrollspy를 사용하려 했으나 이 스킨에 부트스트랩을 적용하면 배보다 배꼽이 커질 거 같다. 일단 $(window).scroll 이벤트로 스크롤바의 위치를 확인하고 chapter.js 에서 생성된 태그의 위치를 확인, name에 해당하는 목차의 링크를 찾아..
JavaScript
2020. 12. 9. 01:04
반응형