반응형
홈페이지 상단에 마우스를 갖다 대면 사이트맵들이 내려오는 방식으로 소스가 짜여져 있었는데 여기서 마우스를 갖다 댈 때 슬라이드 바가 올라갔다 내려갔다 무한 반복하는 현상이 일어났다.
이 현상을 해결하기 위해서 소스를 훝어보았다.
이 부분은 제이쿼리를 사용하여 작성이 되어있었다.
왜 이런 문제가 생기는지 소스를 보며 생각해보았다.
이미지 위에 커서를 올리면 slide.down("fast"); 가 실행되며 사이트맵이 내려오고 이미지에 커서를 떼면 slide.up("fast")이 실행되며 사이트맵이 올라가는데 사이트맵이 내려왔을 때 커서를 떼고 기다리면 사이트맵이 올라갔다가 다시 내려오면서 반복한다.
이때 커서가 올라가있지도 않은데 사이트맵이 내려오는걸 보면 내려온 사이트맵도 이미지로 인식하여 무한반복 되는 것이 아닐까 첫번째로 생각이 든다.
그리고 확률이 적지만 두번째로 slide.down 괄호 안에 fast가 너무 빨라서 라는 생각도든다.
마지막으론 stop() 함수를 넣지 않아서 제어가 안되는거 아니었을까 생각도 했다.
결론은 아직 못냈지만 하나하나 더 수정해보면서 찾아봐야겠다.