侧边栏加入滚动

src/components/sidebar.vue

@@ -4,13 +4,14 @@
 		<div ref="sidebar" id="sidebar">
 			<div class="sidebarMiddle">
 				<img class="btnClose" :src="getImg('btnClose.png')" @click="close" />
-				<div style="margin-bottom: calc(136/750*100vw);width: 100%;"></div>
-				<div class="treeNode" :key="item1.title" v-for="(item1,index1) in list">
-					<div class="title titleBox1" :class="{selected:item1.show}" v-text="item1.title" @click="show1(index1)"></div>
-					<div class="treeNodeContent" v-for="(item2,index2) in item1.children" v-show="item1.show">
-						<div class="title titleBox2" :class="{selected:item2.show}" v-text="item2.title" @click="show2(index1,index2)"></div>
-						<div class="treeNodeItem" v-show="item2.show">
-							<div class="title titleBox3" v-for="(item3,index3) in item2.children" v-text="item3" @click="show3(index1,index2,item3)"></div>
+				<div class="listBox">
+					<div class="treeNode" :key="item1.title" v-for="(item1,index1) in list">
+						<div class="title titleBox1" :class="{selected:item1.show}" v-text="item1.title" @click="show1(index1)"></div>
+						<div class="treeNodeContent" v-for="(item2,index2) in item1.children" v-show="item1.show">
+							<div class="title titleBox2" :class="{selected:item2.show}" v-text="item2.title" @click="show2(index1,index2)"></div>
+							<div class="treeNodeItem" v-show="item2.show">
+								<div class="title titleBox3" v-for="(item3,index3) in item2.children" v-text="item3" @click="show3(index1,index2,item3)"></div>
+							</div>
 						</div>
 					</div>
 				</div>
@@ -144,6 +145,16 @@
 				left: calc(48/750*100vw);
 				width: calc(42/750*100vw);
 			}
+			.listBox{
+				position: relative;
+				height: calc(100% - 136/750*100vw);
+				margin-top: calc(136/750*100vw);
+				width: 100%;
+				overflow-y: scroll;
+			}
+			.listBox::-webkit-scrollbar {
+			  display: none; /* Chrome Safari */
+			}
 
 			.treeNode {
 				position: relative;