/* 떠 다니는 목차 */
function appendToc() {
var bookToc = $('.book-toc');
var floatingToc = $('.floating-toc');
if(bookToc.length > 0 && window.scrollY > bookToc.offset().top + bookToc.innerHeight()) {
if(floatingToc.height() === 0) {
bookToc.css('width',bookToc.width()+'px'); // 목차 박스 크기에 이상 있으면 제거하세요
bookToc.css('height',bookToc.height()+'px'); // 목차 박스 크기에 이상 있으면 제거하세요
var tocTitle = $('
목차 펼치기
');
floatingToc.append(tocTitle);
bookToc.css('height', bookToc.height());
var tocBody = $('').append(bookToc.find('#toc'));
floatingToc.append(tocBody);
$('#toc-title').on('click', function(){
$('#toc-body').slideToggle();
var title = $('#toc-title>p>span');
if(title.text() === "펼치기") {
title.text("접기");
} else {
title.text("펼치기");
}
});
}
var positionX = 20;
floatingToc.css('top', (window.scrollY+20)+"px");
floatingToc.css('left', positionX+"px");
floatingToc.css('transition', "0.5s");
} else {
$('#toc-title').off('click');
bookToc.append(floatingToc.find('#toc'));
floatingToc.find('div').remove();
floatingToc.removeAttr('style');
}
}
/* DOM 로드 직후 실행 */
$(document).ready(function() {
/* 스크롤 이벤트리스너 */
$(window).on('scroll', function() {
appendToc();
});
});
