Comment puis-je fixer le positionnement d'un élément tout en glissant toujours dedans / dehors? - jquery, css, responsive-design, panneau

J'essaye de faire une simple page web responsivequi transforme un menu horizontal en menu latéral à insérer pour les appareils mobiles. "J'ai fait beaucoup de progrès, mais je ne suis pas sûr de savoir comment garder le déclencheur d'onglet visible à tout moment (sur des écrans étroits). Si je règle le positionnement sur "fixe", le déclencheur de tabulation ne glisse pas avec le panneau. Si je le règle sur "absolu", le déclencheur de tabulation disparaît de l'écran.

Voici la page: http://www.toprival.com/temp/side_menu/side_menu1.html

Réponses:

Je pense qu'avec cette fonction jQuery vous allez bien!

Essaye le!

$(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();
});