JS不触发css动画

文章/答案/技术大牛

发布

2回答

CSS转换后的触发器javascript /动画

javascript、html、css、css-transitions

我不希望从JS触发CSS动画，而是相反。如果我通过-webkit-transition或transition: all 1000ms类型样式表做CSS动画，有没有办法在转换完成后触发JS函数？基本上，我一直在通过javascript制作动画，我想将其中的一些转换为CSS动画，但我需要在动画完成后触发javascript事件。

浏览 2提问于2012-12-04得票数 1

回答已采纳

2回答

javascript、html、css、animation

第一次单击该按钮时，淡入淡出动画(更改不透明度)会起作用。但是对于下一步的所有点击，它不再起作用。当我进行调试时，它显示它每次都在工作。但在现实中，为什么不呢？

浏览 43提问于2020-04-11得票数 1

回答已采纳

1回答

从css3动画中删除javascript

css

ms-transition: background-color 1000ms linear;} 然后添加一个css类，然后使用setTimeout删除类，提供一个简单的淡入动画。如果没有javascript并有一个完整的css解决方案，是否有可能达到同样的效果？

浏览 6提问于2014-11-05得票数 0

回答已采纳

2回答

如何在使用AOS向上滚动时触发动画

javascript、jquery、html、css

我使用的是AOS库(css & js)，它可以帮助我创建每次用户向下滚动页面时触发的动画。我有一个问题，我的页面顶部元素只运行一次，因为AOS只在向下滚动时触发它。我希望我所有的动画运行时间用户上下滚动。我怎么才能做到呢？这是我的问题的一个例子。为了看起来向上滚动不起任何作用，请放在在……里面 <div class

浏览 36提问于2017-01-12得票数 3

1回答

fadeIn使用$(document).ready( )导致明显滞后

javascript、jquery、fadein、document-ready

javascript：<script type="text/javascript" src="js/jquery.pikachoose

浏览 3提问于2011-12-13得票数 3

回答已采纳

1回答

根据表格单元格的内容，是否可以在列上使用CSS宽度过渡？

html、css、html-table、css-transitions

我的目标是有一个带有标题的表格，当您将鼠标悬停在标题单元格上时，它可以平滑地扩展(使用CSS transition)到单元格内容的完整文本宽度。我见过其他的例子(比如this和this)，人们用动画的方式显示宽度，但是似乎没有人用动画的方式将宽度调整为由标题单元格的内容设置的动态宽度。如果没有js，这是可能的吗？

浏览 22提问于2020-04-08得票数 1

回答已采纳

1回答

为什么会立即触发角1.2.9 DOM回调？

javascript、angularjs、animation

在执行动画时，$animate:before和$animate:after事件将在动画元素上触发。但是，$animate:after是在$animate:before事件之后立即触发的，而不是在动画完成后触发的。无论我使用的是CSS动画还是JS动画，都没有区别。

浏览 1提问于2014-01-17得票数 2

回答已采纳

3回答

Javascript函数在完成while循环之前继续进行。

javascript

我被困在这个then循环，我想迭代一个简短的动画3次，然后隐藏运行动画的div。hideDiv();}); $('.arrow_container').hide("slow");如果删除hideDiv();调用，动画将按预期工作(3次迭代)，但如果添加它，则在第一个“动画”调用的一半之后，Div将被隐藏。

浏览 7提问于2020-11-28得票数 0

回答已采纳

1回答

如何重新触发函数(翻译动画)

javascript、css

我的动画函数只运行一次。我已经尝试了删除和添加类，以及运行一个animationend函数来创建一个重新触发器。但还是不走运。有没有什么JS点子？CSS:width: 10px; animation: ""; 100% {transform: translateY(10px);} btn_button.onclick = () =>

浏览 14提问于2020-01-30得票数 0

回答已采纳

1回答

禁用在页面加载时运行的CSS动画(没有JS，只有HTML和CSS)

html、css、animation、sass

我有一个问题，我做了一个检查标记CSS动画在我的网站，但他们开始在页面加载，它不应该，它应该只触发在悬停/不悬停。没有Js的建议。

浏览 1提问于2022-03-29得票数 0

1回答

单击时的CSS3关键帧动画(使用addClass)。如何通过添加css类重新启动CSS3动画？

javascript、css、css-transitions、css-animations、keyframe

我正在使用Bounce.js创建漂亮的菜单动画(具有一些很酷的效果)。使用css关键帧动画的Bounce.js，重新启动可能会有问题。我得到了菜单，当我点击一个按钮时，当添加.show类时，它应该会触发显示动画。但当我再次按下该按钮时，隐藏类应该与隐藏动画一起添加(这只是前一个动画的反向版本)。Js正在工作(类的添加和删除都是正确的)，但是动画只触发一次-并且没有隐藏动画<

浏览 8提问于2016-06-27得票数 0

3回答

CSS动画延迟不触发

css、animation、css-animations

只是好奇地想知道为什么这个简单的动画延迟似乎无法工作。我只想在元素淡入之前延迟7s。很简单，我确定，但已经看了很久了。 

浏览 0提问于2017-01-10得票数 1

回答已采纳

1回答

在javascript中触发css动画

javascript、css、animation、arrow-keys

如何在按下箭头键时获得CSS动画触发器？动画代码： body {} width: 451px; displaybackground-position: -7667px;} </head> <div id=down></div&

浏览 0提问于2016-03-10得票数 2

1回答

Chrome Css动画在播放Web音频时中断

javascript、css、css-animations、web-audio-api

在Chrome中，当网站音频播放时，标签在web表单上的css动画失败，即使触发addClass函数的JS工作。但是，只要我通过单击右下角的声音栏来关闭音频，动画就会按预期工作。为什么音频会影响css动画？

浏览 16提问于2019-07-10得票数 1

回答已采纳

1回答

火狐动画未开始切换显示样式

css、google-chrome、firefox、css-animations

小提琴为什么火狐不触发css动画时，显示设置为阻止像在铬?<link rel="stylesheet" href="animate.min.css" /> The div </div><script type

浏览 0提问于2014-07-05得票数 7

回答已采纳

1回答

如何制作具有触摸和滚动支持的垂直旋转木马？

javascript、jquery、html、css

我需要构建一个垂直的旋转木马，就像图像中的那个，在那里我可以滚动和使用触摸。当单击活动幻灯片时，用户将被重定向，否则将滚动到该元素。对于可以帮助我实现这一点的库有什么建议吗？提前感谢！ ?

浏览 18提问于2019-12-30得票数 1

回答已采纳

1回答

如何使用css3过渡在页面加载时为3x3LI项目设置动画效果？

html、css

我想知道一种方法来动画这些项目的页面加载，使他们建立一个时间，从网格的中心飞进来。谢谢

浏览 0提问于2012-02-09得票数 0

3回答

如何将(CSS/HTML)包链接在一起。CSS/HTML -> CSS/ -> -> CSS/HTML

javascript、jquery、html、css、animation

我正在使用与codepen.io类似的纯CSS创建小动画，这些动画有自己的html/css。我很乐意把它们串在一起，创造一个无缝的电影实验。怎样才能最好地将它们链接在一起，然后触发一个包(CSS/HTML)呢？一旦动画A(loren.css/loRem.html)完成，它将触发动画B，即(ipsum.css/ipsum.html)。我想知道我们是否可以用Ha

浏览 1提问于2013-12-02得票数 2

回答已采纳

1回答

媒体查询背后是什么？为什么媒体查询(宽度)比Javascript调整大小事件更好？

javascript、css、dom-events、media-queries、window-resize

我读过一篇文章说Javascript事件‘调整大小’会激发每个像素，并且具有宽度的媒体查询会更好，但是我没有发现任何关于媒体查询背后的内容。我看不出这是怎么可能的，因为没有每一个像素都有媒体查询操作，甚至浏览器也需要知道每个像素大小的变化。那么，为什么媒体查询应该比Javascript调整大小事件更好(至少对于宽度的改变是这样)？

浏览 2提问于2021-06-17得票数 1

回答已采纳

1回答

点击动画会影响SEO吗？

seo、html、javascript、css

我们想建立一个令人印象深刻的动画网站，但SEO对我们也很重要，我想知道在CSS和JS动画的情况下SEO的效果。假设我们希望用Gatsby.js或Next.js构建页面，并在Three.js中添加动画。我们知道页面需要非常快的加载，所以我们不想在init上使用动画。但是，假设我们希望在网站顶部有一个开关按钮，它将触发Three.js和CSS动画。它会影响SEO吗？另

浏览 0提问于2022-03-02得票数 1

点击加载更多

CSS转换后的触发器javascript /动画