jquery - 如何使元素的定位固定，但仍然滑入/滑出？

Question

我正在尝试制作一个简单的响应式网页，将水平菜单导航转变为移动设备的滑入式侧面板。我取得了很大进步，但我不确定如何始终(在窄屏幕上)保持选项卡触发器可见。如果我将定位设置为“固定”，则选项卡触发器不会随面板滑动。如果我将其设置为“绝对”，则选项卡触发器会滚出屏幕。

这是页面: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();
});