효율적인 스크롤이벤트 코드

$(document).ready(function(){
    var ani = document.querySelectorAll(".ani");
    var aniArry = new Array();

    Array.prototype.forEach.call(ani, function (ele) {
        aniArry.push(ele);
    });

    $(window).on('scroll', function () {
        var scrollTop = $(window).scrollTop(),
            windowH = $(window).height() / 3 * 2;

        for (var i = 0; i < aniArry.length; i++) {
            if ($(aniArry[i]).offset().top < scrollTop + windowH) {
                $(aniArry[i]).addClass('on');

                aniArry.splice(i, 1);
            }
        }
    });
});

추가) 위 코드는 스크롤내렸을 때 숨겨진 컨텐츠를 show해주는 인터랙션입니다

스크롤을 다시 올려도 on이 사라지진 않음

 

응용..불가...! 어렵다!