Jquery Mobile Menu - 끄기 페이지

Question

현재 웹 사이트를 코딩 중이며 오른쪽에서 슬라이드하는 모바일 메뉴를 사용하고 있으며 랩톱 브라우저를 통해 볼 때 완벽하게 작동합니다. 내가하는 일은 화면에서 메뉴를 200px 절대 위치로 설정 한 다음 -200px 오른쪽으로 애니메이션을 적용하여 Jpx를 사용하여 슬라이드하는 것입니다. 당신이 그것을 가로 질러 이동하면 오른쪽에 표시되는 메뉴에서 내 아이폰에 사이트를 볼 때

<script> 
$('#mobileIcon').click(function(){ 
    $('#mobileNavigation').animate({right:'0'}, 1000); 
}); 
$('#mobileNavigation li.first span').click(function(){ 
    $('#mobileNavigation').animate({right:'-200'}, 1000); 
}); 
</script> 

문제는 오는이 사건해서는 안됩니다!

브라우저에서 사이트를보고 너비를 모바일 크기로 줄인 다음 오른쪽으로 스크롤하면 아무 것도 볼 수 없지만 모바일에서 볼 때 오른쪽으로 스 와이프하면 무슨 뜻인지 알 수 있습니다.

http://dev.evaske.com/EvaskeResponsive/

이 왜 만이 모바일에이를하고있다 ?

Answer 1

절대 위치 지정 대신 고정 위치를 사용하여 해결되었습니다.