스크롤 관련 스크립트를 짜다가 스크롤된 위치에 해당하는 엘리먼트의 아이디와 같은 해시태그를 가진
a태그에 selected 클래스가 자동으로 추가 및 제거 되는 매우 간단한 스크립트를 짜는데
어째 자꾸 오류가 나고, 스크립트 구성이 안떠올라서 어제 저녁에 야근하면서 3시간동안 끙끙댔습니다.
"이게 왜 안되지?", "아, 이거 아무리 생각해도 간단한 루틴인데 왜 안만들어지지?", "왜이렇게 머리가 안돌아가지?"
이런 생각만 자꾸 들다가 열받아서 때려치고 그냥 퇴근했는데
오늘 아침에 출근해서 15분만에 만들었습니다.
안될땐 그냥 내일 하세요
PS : 아, 절 허탈하게 만든 소스는 아래와 같습니다
$(window,document).on('scroll',function(e){
var top = $(document).scrollTop(); var ele = $('.businessContent > div'); for( var i = 0 ; i < ele.length ; i++ ){ var eletop = ele.eq(i).offset().top - 140, elebottom = eletop + ele.eq(i).height() if( top >= eletop && top < elebottom ){ var hashid = ele.eq(i).prop('id'); var hashobj = $('.businessCategories > ul > li > a[href=#' + hashid + ']'); $('.businessCategories > ul > li').removeClass('selected'); hashobj.closest('li').addClass('selected'); } }
PS2 : 이걸 못만들어서 3시간이나 끙끙댔다니! 아우 쪽팔려 ㅋㅋㅋㅋ