Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ios/112.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
iOS:CSS3动画中断在div上的滚动_Ios_Css_Scroll_Transform_Scale - Fatal编程技术网

iOS:CSS3动画中断在div上的滚动

iOS:CSS3动画中断在div上的滚动,ios,css,scroll,transform,scale,Ios,Css,Scroll,Transform,Scale,我正在开发一个基于Dribble API的web应用程序。在这个应用程序中,我有一个div,它显示所有评论,最大高度为200px,因此如果评论的值超过200px,该div可以滚动。到目前为止,一切正常,在iOS上运行正常。 但是,当我向这个div添加一个Scale transform(模拟iOS的文件夹打开动画)时,滚动div会完全中断。您可以在此处看到实时版本: 这是可以通过使用jQ的webkitAnimationEnd设置一个新样式来解决的,还是没有解决方案 编辑:在此期间,我发现使用两个手

我正在开发一个基于Dribble API的web应用程序。在这个应用程序中,我有一个div,它显示所有评论,最大高度为200px,因此如果评论的值超过200px,该div可以滚动。到目前为止,一切正常,在iOS上运行正常。 但是,当我向这个div添加一个Scale transform(模拟iOS的文件夹打开动画)时,滚动div会完全中断。您可以在此处看到实时版本: 这是可以通过使用jQ的webkitAnimationEnd设置一个新样式来解决的,还是没有解决方案


编辑:在此期间,我发现使用两个手指滚动div是可行的,但显然,这不是它应该如何工作的。

同样值得注意的是,滚动div在旧版本的iOS上不起作用-可能值得一看。

您可以实现本机iOS UI并获得更好的UI反馈。尤其是在滚动视图上。要从Dribble API获取数据,您可以使用第三方Dribble iOS SDK: