自定义滚动条

src/css/itemDefectDetail.less

@@ -2,7 +2,7 @@
 .container{
     width: 100%;
     height: 100%;
-    overflow: auto;
+    // overflow: auto;
     background: #fff;
 }
 ul,li{

src/css/keyItemFlawControl.less

@@ -3,10 +3,13 @@
 .container{
   width: 100%;
   height: 100%;
-  overflow: auto;
+  // overflow: auto;
   background-color: #fff;
+  border-bottom: 10px @disColor solid;
+  box-sizing: border-box;
   .partTitle{
     border-bottom: 10px @disColor solid;
+    height: 54px;
   }
 }
 .partDetailControl {
@@ -49,6 +52,9 @@
     min-width: 1090px;
     /*width: 100%;*/
   }
+  .tableBox{
+    border-right: 10px solid  @disColor;
+  }
   table{
     .table;
     min-width: 1090px;

src/css/qcList.less

@@ -4,6 +4,8 @@
     height: 100%;
     // overflow: auto;
     background: #fff;
+    border-bottom: 10px @disColor solid;
+    box-sizing: border-box;
 }
 ul,li{
     list-style: none;
@@ -20,9 +22,13 @@ h2{
     border-left:10px @disColor solid;
     margin: 54px 0 0;
     min-width: 1090px;
-    min-height: calc(100% - 84px);
+    min-height: calc(100% - 54px);
     // overflow: auto;
 }
+.borderRight{
+    position: absolute;
+    height: 100%;
+}
 table{
     .table;
     min-width: 1090px;

src/html/keyItemFlawControl.html

@@ -35,7 +35,7 @@
             <span class="filter">查询</span>
             <span class="filterclear abnormalClear">重置</span>
         </div>
-        <div style="display: table;padding-right: 20px;">
+        <div style="display: table;padding-right: 30px;" class="tableBox">
             <table class="key-list">
                 <thead>
                 <th class="moduleName" style="width: 65px;">序号</th>

src/js/keyItemFlawControl.js

@@ -2,7 +2,7 @@ const $ = require('jquery');
 require("../css/keyItemFlawControl.less");
 require('./modal.js');
 const {api} = require('./api.js')
-const {post,getCookie,getUrlArgObjectNew,emptyBox,setTitleTxt,setDatePicker,getPickerDate} = require('./utils.js')
+const {post,getCookie,getUrlArgObjectNew,emptyBox,setTitleTxt,setDatePicker,getPickerDate,initScroll} = require('./utils.js')
 require('./../resource/jquery-ui/jquery-ui.min.js');
 require('./../resource/jquery-ui/jquery-ui.min.css');
 const iconCheck= require("./../images/icon_check.png")
@@ -149,6 +149,7 @@ function renderTab(data,hisId,activePage){
     let id=$(this).attr("dept-id");
     $(parent.document).find("#contentIframe").attr("src","itemDefectDetail.html?from=3&deptName="+name+"&deptId="+id+"&casesEntryId="+casesId+"&defectName="+casesName+"&startDate="+startDateParam+"&endDate="+endDateParam)
   })
+  initScroll("partDetailControl","YX",1)
 }
 
 $('.selectDept').on("click", function(e){