fix: add scorllbar when TOC too long, #120

ahonn · Mar 10, 2017 · 8fea653 · 8fea653
1 parent 48f8f34
commit 8fea653
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/source/css/_partial/_post/_toc.scss b/source/css/_partial/_post/_toc.scss
@@ -9,6 +9,8 @@
   box-shadow: 1px 1px 2px rgba(0,0,0,0.125);
   word-wrap: break-word;
   box-sizing: border-box;
+  max-height: calc(100% - 40px);
+  overflow-y: auto;
 
   .post-toc-title {
     margin: 0 10px;
@@ -44,4 +46,4 @@
   .post-toc {
     display: none;
   }
-}
+}
diff --git a/source/js/src/even.js b/source/js/src/even.js
@@ -97,11 +97,11 @@
         var isLastOne = i + 1 === $toclink.length,
             currentTop = headerlinkTop[i] - HEADERFIX,
             nextTop = isLastOne ? Infinity : headerlinkTop[i+1] - HEADERFIX;
-            
+
         if (currentTop < scrollTop && scrollTop <= nextTop) {
-          $($toclink[i]).addClass('active')
+          $($toclink[i]).addClass('active');
         } else {
-          $($toclink[i]).removeClass('active')
+          $($toclink[i]).removeClass('active');
         }
       }
     });
@@ -111,7 +111,7 @@
     if ($.fancybox){
       $('.post').each(function () {
         $(this).find('img').each(function () {
-          $(this).wrap('<a class="fancybox" href="' + this.src + '" title="' + this.alt + '"></a>')
+          $(this).wrap('<a class="fancybox" href="' + this.src + '" title="' + this.alt + '"></a>');
         });
       });