사이드바 스티키 목차 sticky toc or table of contents 플러그인화하기 어려운 이유

사이드바 스티키 목차(sticky toc or table of contents)를 플러그인화하기 어렵습니다. 그 이유는 테마별로 사이드바를 감싸고 있는 클래스의 이름이나 구조가 다르기 때문입니다.

어떤 테마에서는 다음과 같이 sticky를 위한 css를 추가해주어야합니다.

사이드 바 전체를 sticky로 만들 경우,

@media(min-width: 769px) {
    .inside-right-sidebar {
        position: sticky;
        top: 0;
    }
}

마지막 사이드바 블록만 sticky로 만들 경우,

@media(min-width: 769px) {
    .inside-right-sidebar, .inside-left-sidebar {
        height:100%;
    }

    .inside-right-sidebar .widget:last-of-type, .inside-left-sidebar .widget:last-of-type {
        position: sticky;
        top: 60px;
    }
}

이렇게 테마에 따라 사이드바에 사용된 클래스 이름이 다르기 때문에, 모든 테마에서 작동할 수 있는 sticky table of contents plugin은 만들기가 힘들다는 결론에 이르렀습니다.

Leave a Comment