본문 바로가기

/* 떠 다니는 목차 */ 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(); }); });