diff --git a/src/picker/PickerColumn.js b/src/picker/PickerColumn.js index 7cc3cf0c4..f3c2f8cdf 100644 --- a/src/picker/PickerColumn.js +++ b/src/picker/PickerColumn.js @@ -16,7 +16,8 @@ const MOMENTUM_LIMIT_DISTANCE = 15; const [createComponent, bem] = createNamespace('picker-column'); function getElementTranslateY(element) { - const { transform } = window.getComputedStyle(element); + const style = window.getComputedStyle(element); + const transform = style.transform || style.webkitTransform; const translateY = transform.slice(7, transform.length - 1).split(', ')[5]; return Number(translateY); @@ -228,7 +229,7 @@ export default createComponent({ const wrapperStyle = { transform: `translate3d(0, ${this.offset + baseOffset}px, 0)`, transitionDuration: `${this.duration}ms`, - transitionProperty: this.duration ? 'transform' : 'none', + transitionProperty: this.duration ? 'all' : 'none', lineHeight: `${itemHeight}px` }; diff --git a/src/picker/index.less b/src/picker/index.less index 4bd674483..aa9e11531 100644 --- a/src/picker/index.less +++ b/src/picker/index.less @@ -71,6 +71,7 @@ linear-gradient(0deg, hsla(0, 0%, 100%, .9), hsla(0, 0%, 100%, .4)); background-repeat: no-repeat; background-position: top, bottom; + backface-visibility: hidden; pointer-events: none; }