Commit 7f2e78d8db1df647108444f7124faffd9c0598be
1 parent
e25070eb
Decrease table scroll speed
Showing
1 changed file
with
8 additions
and
7 deletions
Show diff stats
src/components/table/table.vue
... | ... | @@ -12,6 +12,7 @@ |
12 | 12 | :data="rebuildData"></table-head> |
13 | 13 | </div> |
14 | 14 | <div :class="[prefixCls + '-body']" :style="bodyStyle" ref="body" @scroll="handleBodyScroll" |
15 | + @mousewheel="handleFixedMousewheel" | |
15 | 16 | v-show="!((!!localeNoDataText && (!data || data.length === 0)) || (!!localeNoFilteredDataText && (!rebuildData || rebuildData.length === 0)))"> |
16 | 17 | <table-body |
17 | 18 | ref="tbody" |
... | ... | @@ -48,7 +49,7 @@ |
48 | 49 | :data="rebuildData"></table-head> |
49 | 50 | </div> |
50 | 51 | <div :class="[prefixCls + '-fixed-body']" :style="fixedBodyStyle" ref="fixedBody" |
51 | - @wheel="handleFixedMousewheel"> | |
52 | + @mousewheel="handleFixedMousewheel"> | |
52 | 53 | <table-body |
53 | 54 | fixed="left" |
54 | 55 | :prefix-cls="prefixCls" |
... | ... | @@ -71,7 +72,7 @@ |
71 | 72 | :data="rebuildData"></table-head> |
72 | 73 | </div> |
73 | 74 | <div :class="[prefixCls + '-fixed-body']" :style="fixedBodyStyle" ref="fixedRightBody" |
74 | - @wheel="handleFixedMousewheel"> | |
75 | + @mousewheel="handleFixedMousewheel"> | |
75 | 76 | <table-body |
76 | 77 | fixed="right" |
77 | 78 | :prefix-cls="prefixCls" |
... | ... | @@ -554,17 +555,17 @@ |
554 | 555 | //body.scrollTop += deltaY; |
555 | 556 | let step = 0; |
556 | 557 | let timeId = setInterval(()=>{ |
557 | - step+=10; | |
558 | + step += 5; | |
558 | 559 | if(deltaY>0){ |
559 | - body.scrollTop += 10; | |
560 | + body.scrollTop += 2; | |
560 | 561 | } |
561 | 562 | else{ |
562 | - body.scrollTop += -10; | |
563 | + body.scrollTop -= 2; | |
563 | 564 | } |
564 | - if(step>=Math.abs(deltaY)){ | |
565 | + if(step >= Math.abs(deltaY)){ | |
565 | 566 | clearInterval(timeId); |
566 | 567 | } |
567 | - } , 20); | |
568 | + }, 5); | |
568 | 569 | }, |
569 | 570 | handleMouseWheel (event) { |
570 | 571 | const deltaX = event.deltaX; | ... | ... |