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

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