滚动条

src/main/webapp/WEB-INF/manager/cms/category/form.ftl

@@ -11,7 +11,8 @@
 			<el-button size="mini" icon="iconfont icon-fanhui" plain onclick="javascript:history.go(-1)">返回</el-button>
 		</el-header>
 		<el-main class="ms-container">
-            <el-form ref="form" :model="form" :rules="rules" label-width="120px" size="mini">
+            <el-scrollbar class="ms-scrollbar" style="height: 100%;">
+                <el-form ref="form" :model="form" :rules="rules" label-width="120px" size="mini">
                         <el-row
                                 gutter="0"
                                 justify="start" align="top">
@@ -152,6 +153,7 @@
                     </el-select>
             </el-form-item>
             </el-form>
+            </el-scrollbar>
 		</el-main>
 	</div>
 	</body>

src/main/webapp/WEB-INF/manager/cms/content/form.ftl

@@ -11,7 +11,8 @@
 			<el-button size="mini" icon="iconfont icon-fanhui" plain onclick="javascript:history.go(-1)" v-if="returnIsShow">返回</el-button>
 		</el-header>
 		<el-main class="ms-container">
-            <el-form ref="form" :model="form" :rules="rules" label-width="120px" size="mini">
+            <el-scrollbar class="ms-scrollbar" style="height: 100%;">
+                <el-form ref="form" :model="form" :rules="rules" label-width="120px" size="mini">
                         <el-row
                                 gutter="0"
                                 justify="start" align="top">
@@ -168,6 +169,7 @@
             <vue-ueditor-wrap style="line-height: 0px" v-model="form.contentDetails" :config="editorConfig"></vue-ueditor-wrap>
             </el-form-item>
             </el-form>
+            </el-scrollbar>
 		</el-main>
 	</div>
 	</body>
@@ -382,4 +384,10 @@
     .el-select{
         width: 100%;
     }
+    body{
+        overflow: hidden;
+    }
+    #form{
+        overflow: hidden;
+    }
 </style>

src/main/webapp/WEB-INF/manager/cms/content/index.ftl

@@ -114,4 +114,7 @@
 		height: 40px !important;
 		line-height: 46px !important;
 	}
+	body{
+		overflow: hidden;
+	}
 </style>

src/main/webapp/WEB-INF/manager/cms/content/main.ftl

@@ -334,4 +334,7 @@
     #main .ms-container {
         height: calc(100vh - 141px);
     }
+    body{
+        overflow: hidden;
+    }
 </style>

src/main/webapp/static/ms-admin/4.7.2/css/app.css

@@ -118,4 +118,13 @@ a:link,a:visited,a:active{text-decoration: none; color:#409EFF;}
 .el-table__body-wrapper::-webkit-scrollbar-thumb {
     border-radius: 10px;
     background-color: rgba(144,147,153,.5);
+}
+.ms-scrollbar .el-scrollbar__wrap{
+    overflow-x: hidden;
+}
+.ms-scrollbar .el-scrollbar__bar.is-vertical{
+    width: 6px !important;
+}
+.ms-scrollbar .el-scrollbar__view{
+    padding-right: 17px;
 }