JavaScript:元素在视图中时使用animate.css时的addClass
JavaScript:元素在视图中时使用animate.css时的addClass
提问于 2016-08-24 04:20:35
我正在使用animate.css，这是好和简单，因为我是一个初学者。我可以让动画工作，并可以延迟动画与animation-duration: 3s和animation-delay: 0s;，但我无法找到如何触发它时，它进入我的视口，因为我滚动到它。下面是我到目前为止尝试过的代码：
HTML
<div class="about-container">
<p>Content here...</p>
</div>CSS
.about-container{
background-color: #a3c17f;
width: 500px;
height:500px;
margin: 0 auto;
}JAVASCRIPT
$(function() {
if ($("#about-container").length > 0) {
addClass('animated pulse')
}
});
</script>回答 4
Stack Overflow用户
回答已采纳
发布于 2016-08-24 04:27:25
看看你的元素。你在上课。所以应该是$(‘.约-容器’)。但是，您可以将其更改为ID。
$(function() {
if($('#about-container').length > 0) { // check if there's an element
$('#about-container').addClass('animated pulse'); // this is how you add class in jquery
}
}); 纯Javascript
var abtContainer = document.getElementById('about-container');
if(abtContainer.length > 0) {
abtContainer.classList.add('animated pulse');
}但是，这个方法不适用于IE8和更低的版本。
所以，如果您支持旧的浏览器，就需要使用它。
abtContainer.className += ' animated pulse';Stack Overflow用户
发布于 2016-08-24 04:57:57
Stack Overflow用户
发布于 2016-08-24 04:36:37
function addClass(elem, clazz) {
if (!elemHasClass(elem, clazz)) {
elem.className += " " + clazz;
}
}
function elemHasClass(elem, clazz) {
return new RegExp("( |^)" + clazz + "( |$)").test(elem.className);
}尝尝这个
jQuery('.row.homeCats').addClass("hideme").viewportChecker({
classToAdd: 'visible animated fadeInDown',
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39114369
复制相关文章
相似问题
腾讯云开发者
