如何在單擊某個特定按鈕時禁用身體滾動

一切工作正常的桌面，但當在移動設備中點擊菜單時，滾動（當菜單滾動時，內容也滾動）身體的內容與菜單項重疊。

我嘗試使用overflow: hidden和position:fixed, 但它使整個頁面不可滾動，即使未點擊按鈕。

任何人都可以幫助我嗎？

我試過如下：

我的JS：

$(document).ready(function() { 
    $("#mobile-toggle").click(function() { 
     $('body').css('overflow', 'hidden'); 
    }); 
});

我的按鈕：

<button id="mobile-toggle" class="mobile-toggle"> 
    _('mobile-toggle')<span></span> 
</button>

點擊後它禁用滾動，但它不工作在移動設備上。

2016-02-15 Anjali

添加的z-index是高於當前重疊項目可能會有所幫助。 – Bigalow

爲避免重疊，您可以將菜單設置爲「固定」位置，並將其設置爲「top：0px」，因此將固定在頂部（如果它必須保持在頂部）並且不會流動，然後添加深度「z-index ：999999「誇張... – Baro

它不與菜單其內容滾動菜單的內容也滾動 – Anjali

您需要重新修改你的CSS，使其響應 - 這裏將是一個良好的開端Responsive Design

2016-02-15 16:43:14

嘗試將html元素與你的選擇過於目標：

$('body,html').css('overflow', 'hidden');

2016-02-15 18:09:02

回答