Question

我试图让我的图像在加载后触发bounceInLeft工作正常，但我想使用jQuery触发滚动的抖动效果。我在youtube上关注本教程http://youtu.be/CBQGl6zokMs如果您可以提供帮助，它似乎无法正常工作。

＆＃13;

<!DOCTYPE>
<html>
	<head>
		<title>Divs Galore</title>
		<link rel="stylesheet" href="animate.css">
		<link rel="stylesheet" href="stylesheet.css">
		
	</head>
	<body>

		<div>
	  	  <img src="jennah.jpg">
		</div>
		<div>
	  	  <img src="jennah.jpg">
	  	</div>
	  	<div>
	  	  <img src="jennah.jpg">
		</div>
		<div>
	  	  <img src="jennah.jpg">
		</div>
		<div>
	  	  <img src="jennah.jpg">
		</div>
			<input type="img">

		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

		<script>
		$(function() {
			$('img').on('scroll',function() {
				$.addClass('animated shake');
		});

		})
			
			
		</script>

		
	</body>

＆＃13;

Answer 1

似乎你没有加载JQuery，添加

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

到你的头部。

另外，根据我刚刚尝试的内容，onscroll事件仅在实际滚动发生时才会发生，因此它不会在每个鼠标滚轮上触发（有一个＆＃34;鼠标滚轮＆＃34;事件为此）。您还应该将事件分配给窗口，而不是输入：

<input id="myinput">

...

window.onmousewheel = function() { $('#myinput').addClass('animated shake')};

向上和向下滚动css动画

1 个答案: