窗口滚动到当前元素才显示animate动画效果

/*
*窗口滚动到当前元素才显示动画效果
*classname 当前元素的类名
*effect     要添加的动效类名 参照网址：https://www.dowebok.com/demo/2014/98/
*注：需事先引用好animate.min.css 下载地址：https://pan.baidu.com/s/1ntFjwAt
*/
function then_show (classname,effect) {
            $(window).scroll(function(){
                var curr_element = $('.'+classname);
                var active_class = 'animated '+effect;
                var scroll_h = $(window).scrollTop()+$(window).height();
                var self_top = curr_element.offset().top;
                var self_h = curr_element.height();
                if( (scroll_h > self_top + self_h/2) &&  ( $(window).scrollTop() < self_top + self_h/2) ){
                    // 显示动画效果
                   curr_element.addClass(active_class);
                }else{
                   // 退出动画效果（设置后当重新回到可视区可再次显示动效）
                   curr_element.removeClass(active_class);
                   
                }
            })
    }


then_show('invisible','fadeInRightBig');// 调用