게시판 즐겨찾기
편집
드래그 앤 드롭으로
즐겨찾기 아이콘 위치 수정이 가능합니다.
안될땐 내일하세요
게시물ID : programmer_14170짧은주소 복사하기
작성자 : 릴라강
추천 : 2
조회수 : 570회
댓글수 : 4개
등록시간 : 2015/10/30 10:16:30
스크롤 관련 스크립트를 짜다가
스크롤된 위치에 해당하는 엘리먼트의 아이디와 같은 해시태그를 가진
a태그에 selected 클래스가 자동으로 추가 및 제거 되는 매우 간단한 스크립트를 짜는데
어째 자꾸 오류가 나고, 스크립트 구성이 안떠올라서 어제 저녁에 야근하면서 3시간동안 끙끙댔습니다.
"이게 왜 안되지?", "아, 이거 아무리 생각해도 간단한 루틴인데 왜 안만들어지지?", "왜이렇게 머리가 안돌아가지?"
이런 생각만 자꾸 들다가 열받아서 때려치고 그냥 퇴근했는데
오늘 아침에 출근해서 15분만에 만들었습니다.






안될땐 그냥 내일 하세요






2089293588_Yhsi92OG_GnXlZ91B.jpeg





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시간이나 끙끙댔다니! 아우 쪽팔려 ㅋㅋㅋㅋ
전체 추천리스트 보기
새로운 댓글이 없습니다.
새로운 댓글 확인하기
글쓰기
◀뒤로가기
PC버전
맨위로▲
공지 운영 자료창고 청소년보호