Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/string/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Laggy transform:在Android上翻译,在iOS上平滑_Javascript_Css_Angular_Cordova_Ionic Framework - Fatal编程技术网

Javascript Laggy transform:在Android上翻译,在iOS上平滑

Javascript Laggy transform:在Android上翻译,在iOS上平滑,javascript,css,angular,cordova,ionic-framework,Javascript,Css,Angular,Cordova,Ionic Framework,我有一个可以左右拖动的卡片元素。执行此操作时,将设置transform:translateCSS属性 这在iPhone和iPhone 7上是超级平滑的,但在三星Galaxy S8上是滞后的。考虑到这两款手机都是高端的,我认为性能会很好 我正在设置水平拖动“卡片”的动画。然而,它在三星Galaxy S8上显得滞后,但在iPhone7上却非常平滑。为什么会这样 这是执行此操作的实际代码: this.card.nativeElement.style.setProperty('transform', '

我有一个可以左右拖动的卡片元素。执行此操作时,将设置
transform:translate
CSS属性

这在iPhone和iPhone 7上是超级平滑的,但在三星Galaxy S8上是滞后的。考虑到这两款手机都是高端的,我认为性能会很好

我正在设置水平拖动“卡片”的动画。然而,它在三星Galaxy S8上显得滞后,但在iPhone7上却非常平滑。为什么会这样

这是执行此操作的实际代码:

this.card.nativeElement.style.setProperty('transform', 'translate(' + translateX + 'px)');

应用以前我不知道的CSS属性
将改变:transform完成了该操作