내다보는 (창)

이번엔 사이드바 토글을 위한 리모컨형 스크롤 버턴을 만들게 된 이야기를 해볼까 합니다. 사용하는 티스토리 스킨의 사이드바를 열기 위한 토글 버턴이 있었습니다만 구글 애드센스 광고 중 "오버레이 앵커 광고"가 사이드 바의 토글 영역을 가려버리는 현상을 발견하고 이를 해결하기 위해서 TOP링크 버턴을 이용한 리모컨 스크롤 토글 버턴을 구현해 보았습니다. 사이드 바를 가려 버리는 구글 애드센스 앵커광고 위에 이미지를 보시면 상단에서 내려온 앵커광고가 사이드 오픈을 위한 토글 버턴에 장애를 주고 있습니다, 물론 앵커광고를 위로 올리면 버턴이 노출되겠지만 블로그 콘텐츠를 보러 온 방문자가 그런 수고를 귀찮아 할 수도 있으며 특히 모바일 에서는 광고를 위로 올려도 토글을 위한 버턴을 가리고있기에 더 많은 블로그의 ..

티스토리 스킨의 사이드바 커스텀 사용하던 스킨의 모바일 사이드바 폼을 전체창 출력에서 사이드 좌측 70% 출력하도록 모바일 폼을 변경한 후, 스킨의 남은 30% 영역의 사이드바 외부 클릭 이벤트로 사이드바를 닫기 위한 구현을 하기 위해 인터넷에 흔하게 떠돌던 코드를 하나 가지고 와 사용 스킨의 환경에 맞게 조립하던 중 문제가 하나 발생했습니다. 스킨의 사이드바 내비게이션을 담당하던 script코드를 수정해 봤는데 외부영역 이외의 사이드바 내부에서도 사이드바가 닫히는 이벤트가 발생하여서 결국 이리저리 살펴보고 검사를 반복하다 스크립트 코드의 $(document).on("mouseup", function(e)" 한 줄 코드의 "(document ) 부분에 외부이벤트 발생을 위한 DIV 레이어의 Element..