修复动画导致的fix元素定位失效

themes/yilia/source-src/css/article-inner.scss

@@ -46,6 +46,7 @@
     font-size: 14px;
     .count-item {
       display: inline-block;
+      padding-right: 10px;
       span {
         font-weight: bold;
       }

themes/yilia/source-src/css/grid.scss

@@ -14,7 +14,7 @@ html, body, #container {
 	overflow-x: hidden;
 	overflow-y: auto;
 }
-#mobile-nav {
+#mobile-nav,.js-mobile-btnctn {
 	display: none;
 }
 #container{

themes/yilia/source-src/css/mobile.scss

@@ -1,6 +1,3 @@
-#mobile-nav {
-	display: block;
-}
 .body-wrap {
   margin-bottom: 0;
 }
@@ -75,9 +72,6 @@
     &.list {
       background-color: rgba(100,100,100,0.7)
     }
-    &:hover{
-      background: #444;
-    }
     .icon{
       font-size: 24px;
       color: #fff;
@@ -275,6 +269,7 @@
 }
 
 #mobile-nav{
+  display: block;
   .header-author{
     margin: 0;
     position: relative;
@@ -297,7 +292,9 @@
 		}
 	}
 }
-
+.js-mobile-btnctn {
+  display: block;
+}
 .header-menu{
   height: auto;
   margin: 10px 0 20px;

themes/yilia/source-src/js/fix.js

@@ -14,7 +14,11 @@ function init() {
 		Array.prototype.forEach.call($a, function($em){
 			$em.style.display = 'none'
 		})
-	}
+  }
+  
+  // 避免由于动画带来的fix元素定位失效, 移到动画元素外层
+  var sideOpt = document.querySelector('.wrap-side-operation')
+  document.getElementById('container').appendChild(sideOpt)
 }
 
 export default { init }

themes/yilia/source-src/js/slider.js

@@ -38,7 +38,11 @@ new Vue({
     stop (event) {
       event.stopPropagation()
     },
-    openSlider (event, type) {
+    openSlider (event, type, isMobile) {
+      if(isMobile && this.isShow) {
+        this.hideSlider()
+        return
+      }
       event.stopPropagation()
       this.innerArchive = false
       this.friends = false