滚动组件增加滚动轴配置
parent
940f9acec8
commit
b83c247a02
|
@ -214,7 +214,6 @@ export default class Scroll {
|
||||||
this.props.xw = xw
|
this.props.xw = xw
|
||||||
|
|
||||||
this.__X__.style.width = xw + 'px'
|
this.__X__.style.width = xw + 'px'
|
||||||
|
|
||||||
this.__Y__.style.height = yh + 'px'
|
this.__Y__.style.height = yh + 'px'
|
||||||
})
|
})
|
||||||
|
|
||||||
|
@ -247,8 +246,20 @@ export default class Scroll {
|
||||||
deltaY = ev.deltaY / (delta / 120)
|
deltaY = ev.deltaY / (delta / 120)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
if (this.props.axis !== 'x') {
|
||||||
this.__BOX__.scrollTop += deltaY
|
this.__BOX__.scrollTop += deltaY
|
||||||
|
|
||||||
|
if (yh) {
|
||||||
|
// 修正滚动条的位置
|
||||||
|
// 滚动比例 y 滚动条的可移动距离
|
||||||
|
var fixedY = (this.__BOX__.scrollTop / (sh - oh)) * (oh - yh)
|
||||||
|
this.props.thumbY = fixedY
|
||||||
|
|
||||||
|
this.__Y__.style.transform = `translateY(${fixedY}px)`
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (this.props.axis !== 'y') {
|
||||||
this.__BOX__.scrollLeft += deltaX
|
this.__BOX__.scrollLeft += deltaX
|
||||||
|
|
||||||
if (xw) {
|
if (xw) {
|
||||||
|
@ -259,12 +270,6 @@ export default class Scroll {
|
||||||
|
|
||||||
this.__X__.style.transform = `translateX(${fixedX}px)`
|
this.__X__.style.transform = `translateX(${fixedX}px)`
|
||||||
}
|
}
|
||||||
|
|
||||||
if (yh) {
|
|
||||||
var fixedY = (this.__BOX__.scrollTop / (sh - oh)) * (oh - yh)
|
|
||||||
this.props.thumbY = fixedY
|
|
||||||
|
|
||||||
this.__Y__.style.transform = `translateY(${fixedY}px)`
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
Reference in New Issue