Browse Source

滚动条自定义

zhangxc 5 năm trước cách đây
mục cha
commit
fc776ac375
3 tập tin đã thay đổi với 5 bổ sung11 xóa
  1. 1 1
      src/css/console.less
  2. 0 6
      src/html/console.html
  3. 4 4
      src/js/scrollBar.js

+ 1 - 1
src/css/console.less

@@ -227,7 +227,7 @@ div.console {
   height: 44px;
 }
 .partTitle {
-  position: absolute;
+  position: fixed;
   top: 0;
   right: 0;
   width: 100%;

+ 0 - 6
src/html/console.html

@@ -7,7 +7,6 @@
   <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
 </head>
 <body >
-  <div class="scroll_main  console_wrapper_scroll_main">
     <div class="scroll_wrap console_wrapper_scroll_wrap">
         <div class="scroll_bar  console_wrapper_scroll_bar">
           <div class="scroll_slider  console_wrapper_scroll_slider"></div>
@@ -32,7 +31,6 @@
           </div>
           <div class="partTitleT"></div>
           <!--<div class="grayLine"></div>-->
-          <div class="scroll_main  console_scroll_main">
             <div class="scroll_wrap console_scroll_wrap">
               <div class="scroll_bar  console_scroll_bar">
                 <div class="scroll_slider console_scroll_slider"></div>
@@ -178,7 +176,6 @@
                       <p class="title">条目缺陷占比 <img src="../images/details.png" alt=""></p>
                       <div class="emptyCircleBData">
                         <div id="emptyCircleB" class="emptyCircle"></div>
-                        <div class="scroll_main explainPan_scroll_main">
                           <div class="scroll_wrap explainPan_scroll_wrap">
                             <div class="scroll_bar explainPan_scroll_bar">
                               <div class="scroll_slider explainPan_scroll_slider"></div>
@@ -189,7 +186,6 @@
                               </table>
                             </div>
                           </div>
-                        </div>
                        
                       </div>
                       <div class="emptyCircleBWrap">
@@ -212,13 +208,11 @@
                  
               </div>                      
             </div>
-          </div>
 
 
 
         </div>
     </div>
-  </div>
   
   
 </body>

+ 4 - 4
src/js/scrollBar.js

@@ -248,7 +248,7 @@
       // on监听事件,多个事件利用空格分开
       self.$cont.on('mousewheel DOMMouseScroll',function(e){
         e.preventDefault();
-     
+        e.stopPropagation()
         // 判断原生事件对象的属性
         var oEv = e.originalEvent,
         //原生事件对象,(其他浏览器负数向下,firefox正数向下,所以在wheelDelta前面有负数)
@@ -259,9 +259,9 @@
               self.scrollTo(self.$cont[0].scrollTop + wheelRange*self.options.wheelStep)
             }
            
-            if(self.$cont[0].scrollTop !==0 ){
-              e.stopPropagation()
-            }
+            // if(self.$cont[0].scrollTop !==0 ){
+            //   e.stopPropagation()
+            // }
            
       });
     },