Browse Source

评分详情页滚动条修改

zhangxc 5 years ago
parent
commit
e956760c75
4 changed files with 15 additions and 7 deletions
  1. 5 5
      src/css/qcScore.less
  2. 3 0
      src/css/roll.css
  3. 1 1
      src/html/qcScore.html
  4. 6 1
      src/js/qcScore.js

+ 5 - 5
src/css/qcScore.less

@@ -51,13 +51,13 @@
     right: 0;
     z-index: 1;
   }
-  &>ul{
-    overflow-x: hidden;
-    overflow-y: auto;
+  &>ul,.subMenu{
+    // overflow-x: hidden;
+    // overflow-y: auto;
     white-space: nowrap;
-    height:calc(100% - 140px);
+    // height:calc(100% - 140px);
   }
-  &>ul>li{
+  &>ul>li,.subMenu>li{
     color: @fstColor;
     margin-bottom: 10px;
     &.menu-0{

+ 3 - 0
src/css/roll.css

@@ -80,4 +80,7 @@ div,p {margin: 0; padding: 0;}
 }
 .menuList_scroll_wrap{
 	height: calc(100% - 90px);
+}
+.subMenu_scroll_wrap{
+	height: calc(100% - 140px);
 }

+ 1 - 1
src/html/qcScore.html

@@ -284,7 +284,7 @@
             <a href="javescript:void(0);" class="slide-show">
                 <img src="../images/down.png" alt="">
             </a>
-            <ul id="subMenu"></ul>
+            <ul id="subMenu" class="subMenu"></ul>
             <div class="copy-right"><p>©杭州朗通信息技术有限公司</p></div>
         </div>
         <div class="menu-mini fl">

+ 6 - 1
src/js/qcScore.js

@@ -2,7 +2,7 @@ require("../css/qcScore.less");
 const $ = require('jquery');
 require('jquery-templates');
 require('./modal.js');
-const {post,getUrlArgObject,setBoxHeight,getCookie} = require('./utils.js');
+const {post,getUrlArgObject,setBoxHeight,getCookie,initScroll} = require('./utils.js');
 const {api} = require('./api.js');
 window.document.title="质控评分-"+getUrlArgObject("name");
 
@@ -34,6 +34,9 @@ function initMenu(data){
     $(".sub-menu .list-1 .slide-up").removeClass('slide-up');
     $(this).toggleClass('slide-up');
     $(this).find("ul").slideToggle();
+    setTimeout(function(){
+      initScroll("subMenu","Y",2)
+    },300)
   });
   $(".sub-menu .list-1 li").on("click",function(e){
     e.stopPropagation();
@@ -52,6 +55,7 @@ function initMenu(data){
     $(".sub-menu,.copy-right").show().animate({"width":"220px"},function(){
     });
     $(".tab-container").animate({"margin-left":"220px"});
+    
   });
   //右侧内容切换
   $(".page").on("click",function(){
@@ -77,6 +81,7 @@ function initMenu(data){
     $(".content-item[code='"+code+"']").show();
     showFlawList();
   });
+  initScroll("subMenu","Y",2)
 }
 //判断有无某一权限
 function hasData(data){