Содержимое перекрывается с помощью меню

Question

Создать html-страницу для мобильных устройств, часть содержимого отображается в строке меню.

Только нижнее содержимое отображается в строке меню, как его избежать?

, а также я хочу отключить полосу прокрутки при нажатии кнопки меню & включить, когда контент коснется с помощью Mobile. Я попытался ниже код, но его disabliling, но не позволяя прокрутки, когда экран содержимое щелкнул на мобильном телефоне :(

My Javascript:

$(document).ready(function() { 
    scrollTopPos = $(document).scrollTop(); 
    allowScrolling = true; 

    $(document).scroll(function() { 
     if(allowScrolling === false) { 
      $(document).scrollTop(scrollTopPos); 
     } else { 

     } 
    }); 

    $("#mobile-toggle").click(function() { 
     $('body,html').css('overflow', 'hidden'); 
     $("#divCls").css('display','None')  
    }); 

    $(document).on('touchmove', function(e) { 
     e.preventDefault(); 
     showDiv() 
    }); 
}); 
function showDiv() { 
    document.getElementById('divCls').style.display = "block"; 
} 

Answer 1

Это трудно сказать, не полный код, но с точки зрения держа меню спереди вы можете просто использовать CSS для определения Z-индекса DIV. С точки зрения прокрутки добавьте триггер правил CSS в свой JavaScript, чтобы установить Overflow to Hidden, затем установите его для прокрутки, когда вы нажимаете кнопку закрытия .

Кроме того, если только части разливаются, то устали от размера страницы, если вы используете слайд в меню, которое скрыто сбоку, затем переместит всю страницу, а затем мобильные пользователи могут ее закрыть, но кнопка открытия не будет работать, если вы снова не используете функциональные возможности jquery swipe, индекс z и немного doodling со сценарием чтобы заставить меню сидеть над страницей, это исправит это. Опять же, больше скриптов было бы удобно: P