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

调整窗口大小时,如何停止Jquery中正在运行的动画?,jquery,css,responsive,Jquery,Css,Responsive,我正在使用Jquery制作CSS动画。我正在努力使我的网站具有响应性,我想停止在窗口较小时使用Jquery制作的一些动画我找到了一个更简单的解决方案(针对感兴趣的人),下面是我所做的 我把窗宽储存在一个变量中 var showidth=$(窗口).width() 我添加了一个条件,允许我仅在窗口大于864px时运行所有动画功能,例如(手机宽度) if(showidth>864){//mycss动画代码} 它成功了。当然,我们可以找到很多其他解决方案,例如,如果我使用Jquery动画(anima

我正在使用Jquery制作CSS动画。我正在努力使我的网站具有响应性,我想停止在窗口较小时使用Jquery制作的一些动画

我找到了一个更简单的解决方案(针对感兴趣的人),下面是我所做的

  • 我把窗宽储存在一个变量中
  • var showidth=$(窗口).width()
    
  • 我添加了一个条件,允许我仅在窗口大于864px时运行所有动画功能,例如(手机宽度)
  • if(showidth>864){//mycss动画代码}

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

    这是我的代码截图


    听一下调整大小事件:当窗口调整大小时,对于jQuery的非动态更改,我发现最好只在窗口停止调整大小时应用更改。看看这篇CSS技巧文章。使用该示例尝试并实现您想要的,如果您有任何问题,请使用代码示例创建一个新问题。