jquery - 要素の位置を固定したまま、スライドイン/スライドアウトするにはどうすればよいですか?

Question

水平メニュー ナビゲーションをモバイル デバイス用のスライドイン サイド パネルに変えるシンプルなレスポンシブ Web ページを作成しようとしています。私は多くの進歩を遂げましたが、（狭い画面で）タブトリガーを常に表示し続ける方法がわかりません。配置を「固定」に設定すると、タブ トリガーがパネルと一緒にスライドしません。「絶対」に設定すると、タブトリガーが画面外にスクロールします。

ここにページがあります: 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();
});