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

mousewheel support firefox and safari

Browse source
This commit is contained in:
huanghong 2018-03-21 23:17:07 +08:00
parent 7f2e78d8db
commit e970884b3c
1 changed files with 19 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -12,7 +12,7 @@
:data="rebuildData"></table-head>
</div>
<div :class="[prefixCls + '-body']" :style="bodyStyle" ref="body" @scroll="handleBodyScroll"
@mousewheel="handleFixedMousewheel"
@mousewheel="handleFixedMousewheel" @DOMMouseScroll="handleFixedMousewheel"
v-show="!((!!localeNoDataText && (!data || data.length === 0)) || (!!localeNoFilteredDataText && (!rebuildData || rebuildData.length === 0)))">
<table-body
ref="tbody"
@ -49,7 +49,8 @@
:data="rebuildData"></table-head>
</div>
<div :class="[prefixCls + '-fixed-body']" :style="fixedBodyStyle" ref="fixedBody"
@mousewheel="handleFixedMousewheel">
@mousewheel="handleFixedMousewheel" @DOMMouseScroll="handleFixedMousewheel"
@touchmove="handleFixedTouchmove">
<table-body
fixed="left"
:prefix-cls="prefixCls"
@ -72,7 +73,8 @@
:data="rebuildData"></table-head>
</div>
<div :class="[prefixCls + '-fixed-body']" :style="fixedBodyStyle" ref="fixedRightBody"
@mousewheel="handleFixedMousewheel">
@mousewheel="handleFixedMousewheel" @DOMMouseScroll="handleFixedMousewheel"
@touchmove="handleFixedTouchmove">
<table-body
fixed="right"
:prefix-cls="prefixCls"
@ -542,8 +544,21 @@
if (this.isRightFixed) this.$refs.fixedRightBody.scrollTop = event.target.scrollTop;
this.hideColumnFilter();
},
handleFixedTouchmove(event){
//console.log(event);
if(event.touches && event.touches.length && event.touches.length===1){
//const body = this.$refs.body;
}
},
handleFixedMousewheel(event) {
const deltaY = event.deltaY;
let deltaY = event.deltaY;
if(!deltaY && event.detail){
deltaY = event.detail * 40;
}
if(!deltaY && event.wheelDeltaY){
deltaY = -event.wheelDeltaY;
}
if(!deltaY) return;
const body = this.$refs.body;
const currentScrollTop = body.scrollTop;
if (deltaY < 0 && currentScrollTop !== 0) {