jquery - 如何固定元素的位置，但仍可以滑入/滑出？

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

这是页面：http://www.toprival.com/temp/side_menu/side_menu1.html

最佳答案

我认为使用这些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();
});