jQuery silde질문 채택완료
Copy
$('#subWrap').hide(); // 초기화
$('#menu').mouseover(function(){
$('#subWrap').stop();
$('#subWrap').slideDown(250);
});
$('#subWrap').mouseover(function(){
$('#subWrap').stop();
$('#subWrap').slideDown(250);
});
$('#menu').mouseleave(function(){
$('#subWrap').stop();
$('#subWrap').slideUp(250);
});
$('#subWrap').mouseleave(function(){
$('#subWrap').stop();
$('#subWrap').slideUp(250);
});
이렇게 jQuery 메뉴를 사용하고 있는데요.
#menu에 마우스를 올리면 #subWrap 이 sildeDown()으로 내려오는 방식의 메뉴를 만들어 사용하고 있습니다.
근데 문제는 #menu에 마우스를 올려 #subWrap이 다 나오기도 전에 #subWrap에 마우스를 가져다 대면
Copy
$('#menu').mouseleave(function(){
$('#subWrap').stop();
$('#subWrap').slideUp(250);
});
와
Copy
$('#subWrap').mouseover(function(){
$('#subWrap').stop();
$('#subWrap').slideDown(250);
});
때문에 조금 버벅이고 슬라이드가 내려 옵니다.
혹시 이 부분 어떻게 해결해야 하나요??
답변 1개
eyekiss
7년 전
1. 아래 소스 삭제
Copy
$('#menu').mouseleave(function(){
$('#subWrap').stop();
$('#subWrap').slideUp(250);
});
2. subWrap 가 positon:absolute 인가요?
그러다면, subWrap 레이어가 menu 위를 덮으면 됩니다.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인