Как сделать позиционирование элемента неподвижным, но все же вставлять/вставлять?

Question

Я пытаюсь создать простую отзывчивую веб-страницу, которая превращает горизонтальную навигацию по меню в слайд-боковую панель для мобильных устройств. Я добился больших успехов, но я не уверен, как всегда держать триггер табуляции видимым (на узких экранах). Если я установил позиционирование на «фиксированный», триггер табуляции не будет скользить с помощью панели. Если я установил его в «absolute», то триггер табуляции прокручивается с экрана.

Вот страница: http://www.toprival.com/temp/side_menu/side_menu1.html

Answer 1

Я думаю, что с этим функции JQuery вы хорошо!

Попробуйте!

$(document).ready(function() { 
    function controlMobile() { 
    var mobile = $(window).width(); 
    if(mobile</*SET YOUR OPTION IN PX*/){ 
    $('#panel').css({ 
     'position': 'fixed' 
    }); 
    }else{ 
     $('#panel').css({ 
     'position': 'static' 
     }); 
    } 
    } 

$(window).on('resize', function() { controlMobile(); }); 
    controlMobile(); 
});