修改：调整文章界面内容和目录的位置

src/styles/markdown.scss

@@ -346,14 +346,38 @@
   /deep/ .slimScrollDiv {
     width: 240px;
   }
+  /deep/ .slimScrollDiv {
+    transform: translateX(50px);
+  }
+  /deep/ .el-main {
+    transform: translateX(50px);
+  }
+}
+
+@media only screen and (min-width: 1240px){
+  /deep/ .slimScrollDiv {
+    transform: translateX(80px);
+  }
+  /deep/ .el-main {
+    transform: translateX(80px);
+  }
+}
+
+@media only screen and (min-width: 1400px){
+  /deep/ .slimScrollDiv {
+    transform: translateX(120px);
+  }
+  /deep/ .el-main {
+    transform: translateX(120px);
+  }
 }
 
 @media only screen and (min-width: 1920px){
   /deep/ .right-bj {
-    width: 285px;
+    width: 240px;
   }
   /deep/ .slimScrollDiv {
-    width: 285px;
+    width: 240px;
   }
 }
 

src/views/public/article/index.vue

@@ -56,9 +56,8 @@
               defaultOpen="preview"
             />
           </el-main>
-
           <div v-show="titleList.length > 0" class="right-bj">
-            <a-affix>
+            <a-affix class="sdf">
               <div class="slimScrollDiv">
                 <div class="right-menu" :style="{maxHeight:maxMenuHeight+'px'}">
                   <div class="toc-content">
@@ -219,8 +218,7 @@
                 var scrollTop = $(this).scrollTop();
                 var scrollHeight = $(document).height();
                 var windowHeight = $(this).height();
-
-                var progress = (afterScrollTop/scrollHeight) * 100
+                var progress = ((afterScrollTop + document.body.clientHeight)/scrollHeight) * 100
                 // 改变top bar 进度条
                 document.querySelector(".scrollbar").style.width = progress +'%'