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