Jquery Mobile Menu - 關閉頁面

Question

因此，我現在正在編寫一個網站，並使用從右側滑入的移動菜單，並且在通過筆記本電腦瀏覽器查看時，它完美地工作。我這樣做的方法是將菜單絕對定位在屏幕上200px，然後使用JQuery將-200px右側的動畫生成0px。

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

這個問題來的，如果您在它滾動顯示在右側的菜單查看我的iPhone網站的時候，這不應該是這樣的！

如果您在瀏覽器上查看網站，並將寬度降低爲手機大小，然後嘗試向右滾動，您將看不到任何內容，但如果您在移動設備上查看它並向右滑動，則會看到我的意思：

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

爲什麼只在移動這樣做呢？

Answer 1

通過使用固定位置而不是絕對位置來解決。