<p>
↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>↓<br>
<p>
<div>Animate</div>div{
width: 200px;
padding: 90px 0;
background: #EEE;
text-align: center;
}$('div').on('inview', function(event, isInView) {
if (isInView) {
$(this).addClass('animate__animated animate__shakeX');
} else {
/* 要素が表示されていない時の処理 */
}
});