调整窗口大小后,如何从Jquery中停止正在运行的动画?

时间:2018-10-04 12:00:52

标签: jquery css3 responsive

我将Jquery用于CSS动画。 更多说明: M想让我的网站具有响应性,我想在窗口较小时停止使用Jquery制作的一些动画

1 个答案:

答案 0 :(得分:0)

对于那些感兴趣的人,我找到了一个更简单的解决方案,

  1. 我将窗口宽度存储在一个变量中
var showidth = $(window).width()
  1. 我添加了一个条件,该条件允许我仅在窗口大于864px(电话宽度)时才运行所有动画功能

if (showidth > 864){ //my CSS animation code }

它奏效了。当然,我们可以找到很多其他解决方案,例如,如果我使用的是Jquery动画(动画功能),则可以在window.resize()上的动画上简单地使用.stop()方法。

这是我的代码的屏幕截图

JqueryCode