Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/455.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 HTML5移动站点上的动画_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript HTML5移动站点上的动画

Javascript HTML5移动站点上的动画,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在制作一个移动网站,我正在使用javascript来制作周围事物的动画?这是推荐的还是应该使用CSS3转换 如果是这样,我如何实现一个简单的CSS3转换,当单击divA时,它将向下移动20px 谢谢。您需要结合使用javascript和CSS。用于动画的CSS和用于触发动画的javascript 看看这个jQuery插件: 我最近一直在使用它,它非常有用,特别是对于回调 希望有帮助:)您需要结合使用javascript和CSS。用于动画的CSS和用于触发动画的javascript 看看这个j

我正在制作一个移动网站,我正在使用javascript来制作周围事物的动画?这是推荐的还是应该使用CSS3转换

如果是这样,我如何实现一个简单的CSS3转换,当单击
divA
时,它将向下移动
20px


谢谢。

您需要结合使用javascript和CSS。用于动画的CSS和用于触发动画的javascript

看看这个jQuery插件:

我最近一直在使用它,它非常有用,特别是对于回调


希望有帮助:)

您需要结合使用javascript和CSS。用于动画的CSS和用于触发动画的javascript

看看这个jQuery插件:

我最近一直在使用它,它非常有用,特别是对于回调


希望有帮助:)

请不要使用jQuery+a插件在移动设备上向下移动div。 CSS3转换和动画在移动设备上得到了很好的支持,其中一些设备甚至可以硬件加速

下面是一个简单的脚本,可以满足您的需要:

请不要使用jQuery+插件在移动设备上向下移动div。 CSS3转换和动画在移动设备上得到了很好的支持,其中一些设备甚至可以硬件加速

下面是一个简单的脚本,可以满足您的需要:

我认为在移动网站上使用JQuery和插件进行基本转换可能太多了(速度很重要)。我同意,对于一些小的东西,但对于在整个网站上重复使用,插件非常方便。它所做的一切都是处理带有供应商前缀的跨浏览器兼容性问题,并提供回调。任何不受支持的功能都会回到默认的jQuery动画功能。我认为在移动网站(速度很重要)上使用jQuery和插件进行基本转换可能太多了。我同意,对于一些小功能,但对于在整个网站上重复使用,插件非常方便。它所做的一切都是处理带有供应商前缀的跨浏览器兼容性问题,并提供回调。任何不受支持的都会返回到默认的jQuery动画函数。哦,如果没有动态变量,正确的方法是添加一个包含所有CSS代码的类。我最近对此有过一些经验,我通常也同意,但当事情变得更复杂时,mobile safari会出现真正的性能问题。例如,将一个类添加到包含大量内容的容器中会强制它检查它是否不必重新呈现其中的任何内容。如果没有动态变量,正确的方法是添加一个包含所有CSS代码的类。我最近对此有过一些经验,我通常也会同意,但是当事情变得更复杂时,mobile safari会有一个真正的性能问题。例如,将一个类添加到包含大量内容的容器中会强制它检查它是否不必重新呈现其中的任何内容。这可能会导致在设置任何动画之前出现相当大的延迟。