drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed #2871

Browse source
This commit is contained in:
huanghong 2018-03-21 21:03:32 +08:00
parent c1115edd1a
commit e25070eb84
2 changed files with 145 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

31
src/components/table/table.vue
View file

@ -47,7 +47,8 @@
:columns-width="columnsWidth"
:data="rebuildData"></table-head>
</div>
<div :class="[prefixCls + '-fixed-body']" :style="fixedBodyStyle" ref="fixedBody">
<div :class="[prefixCls + '-fixed-body']" :style="fixedBodyStyle" ref="fixedBody"
@wheel="handleFixedMousewheel">
<table-body
fixed="left"
:prefix-cls="prefixCls"
@ -69,7 +70,8 @@
:columns-width="columnsWidth"
:data="rebuildData"></table-head>
</div>
<div :class="[prefixCls + '-fixed-body']" :style="fixedBodyStyle" ref="fixedRightBody">
<div :class="[prefixCls + '-fixed-body']" :style="fixedBodyStyle" ref="fixedRightBody"
@wheel="handleFixedMousewheel">
<table-body
fixed="right"
:prefix-cls="prefixCls"
@ -539,6 +541,31 @@
if (this.isRightFixed) this.$refs.fixedRightBody.scrollTop = event.target.scrollTop;
this.hideColumnFilter();
},
handleFixedMousewheel(event) {
const deltaY = event.deltaY;
const body = this.$refs.body;
const currentScrollTop = body.scrollTop;
if (deltaY < 0 && currentScrollTop !== 0) {
event.preventDefault();
}
if (deltaY > 0 && body.scrollHeight - body.clientHeight > currentScrollTop) {
event.preventDefault();
}
//body.scrollTop += deltaY;
let step = 0;
let timeId = setInterval(()=>{
step+=10;
if(deltaY>0){
body.scrollTop += 10;
}
else{
body.scrollTop += -10;
}
if(step>=Math.abs(deltaY)){
clearInterval(timeId);
}
} , 20);
},
handleMouseWheel (event) {
const deltaX = event.deltaX;
const $body = this.$refs.body;