* change UI of document.

docs/2/css/doc.css

@@ -343,7 +343,7 @@ body {
   padding-left: 40px;
   color: #fff;
   background: none;
-  border: 2px solid #e5e5e5;
+  border: 1px solid #e5e5e5;
   border-color: rgba(255, 255, 255, .6);
   border-radius: 21px;
   -webkit-transition: all .1s cubic-bezier(.175, .885, .32, 1);

src/js/doc.js

@@ -625,6 +625,7 @@
     };
 
     var toggleCompactMode = function(toggle, callback) {
+        console.log('toggleCompactMode', toggle);
         if(toggle === UNDEFINED) {
             toggle = !$body.hasClass('compact-mode');
         }
@@ -924,14 +925,16 @@
         var lastScrollTop;
         $window.on('scroll', function(e){
             var isScrollAnimating = $body.data('isScrollAnimating');
+            console.log('scroll, isScrollAnimating',isScrollAnimating);
             if(isScrollAnimating) {
                 $window.scrollTop(1);
                 return;
             }
             lastScrollTop = $window.scrollTop();
+            console.log('lastScrollTop', lastScrollTop);
             if(lastScrollTop > scrollHeight && !$body.hasClass('compact-mode')) {
                 toggleCompactMode(true);
-            } else if($body.hasClass('compact-mode')) {
+            } else if(!$body.hasClass('page-show') && $body.hasClass('compact-mode')) {
                 if(lastScrollTop < 1) {
                     toggleCompactMode(false);
                 } else {
@@ -964,15 +967,15 @@
                     e.preventDefault();
                 }
             } else if(code === 37) { // Left
-                if(!$body.hasClass('input-query-focus')){
+                // if(!$body.hasClass('input-query-focus')){
                     chooseLeftSection();
                     e.preventDefault();
-                }
+                // }
             } else if(code === 39) { // Right
-                if(!$body.hasClass('input-query-focus')){
+                // if(!$body.hasClass('input-query-focus')){
                     chooseRightSection();
                     e.preventDefault();
-                }
+                // }
             } else if(code === 38) { // Top
                 if(isPageNotShow) {
                     choosePrevSection();

src/less/doc.less

@@ -478,7 +478,7 @@ body {
   background: none;
   border-radius: 21px;
   padding-left: 40px;
-  border: 2px solid #e5e5e5;
+  border: 1px solid #e5e5e5;
   border-color: rgba(255, 255, 255, .6);
   color: #fff;