如果在Viewport中，则为addClass

Question

我目前有一段jQuery，当它距离页面顶部一定距离时，它会向div添加一个css动画类。这个jQuery不能很好地转换为移动设备。我想知道如果在页面上可以看到div（视口）时，是否可以添加类，以便它可以在所有设备上正常工作。

add_filter( 'get_comment_author', 'your_prefix_filter_the_post_author_name' );

function your_prefix_filter_the_post_author_name( $author ) {
$classes = get_comment_class();
    if (in_array( 'bypostauthor',$classes) ) {
       $output = '<div class="author-tag"><p>AUTHOR - ' . $author . '</p></div>';
    return $output;
    }
    return $author;
}

Answer 1

以下代码效果很好：

$(window).scroll(function () {
$( "#about-image-1" ).each(function() {
    $this = $(this);
    isOnView = isElementVisible($(this));
    if(isOnView && !$(this).hasClass('fadeIn')){
        $(this).addClass('fadeIn');
        startAnimation($(this));
    }
});
});