태그의 class가 바뀌는 것을 catch하여 css 나 기타 내용을 변경하는 경우

    $(window).on("scroll",function() {
        if ($("#1stS").hasClass("on")===true) {
            $("#albumCover").css({"background-image": "url(img/happinessalbum.jpg)"})
        } else if ($("#2ndS").hasClass("on")===true) {
            $("#albumCover").css({"background-image": "url(img/benaturalalbum.jpg)"})
        } else if ($("#1stM").hasClass("on")===true) {
            $("#albumCover").css({"background-image": "url(img/icecreamcake1.jpg)"})
        } else if ($("#1stA").hasClass("on")===true) {
            $("#albumCover").css({"background-image": "url(img/theredalbum.jpg)"})
        }

나는 스크롤 할때 버튼에 불이 들어오는 것을 구현 해놨었는데 그 페이지에 위치하면 그림이 바뀌도록 해 놓았다.

무슨 소리인지 모르니 완성하면 하단에 링크를 공유 할 생각이다.