jqueryを使用してipadの固定コントロールバーを作成する

Question

通常のブラウザでは固定ヘッダーを使用できるようにするjqueryコードがあります。したがって、デフォルトでは、ヘッダーの内容が表示されます。そのヘッダーをスクロールすると、スクロールするときにそのまま残ります。問題はそれがiPadのために働いていないということです。誰かがコードを見て、iPadでこの作業をするために変更できるものがあるかどうかを確認できますか？

// Fixed control bar 
     var controlBar = $('#control-bar'); 
     if (controlBar.length > 0) 
     { 
      var cbPlaceHolder = controlBar.after('<div id="cb-place-holder" style="height:'+controlBar.outerHeight()+'px"></div>').next(); 

      // Effect 
      controlBar.hover(function() 
      { 
       if ($(this).hasClass('fixed')) 
       { 
        $(this).stop(true).fadeTo('fast', 1); 
       } 

      }, function() 
      { 
       if ($(this).hasClass('fixed')) 
       { 
        $(this).stop(true).fadeTo('fast', 1); 
       } 
      }); 

      // Listener 
      $(window).scroll(function() 
      { 
       // Check top position 
       var controlBarPos = controlBar.hasClass('fixed') ? cbPlaceHolder.offset().top : controlBar.offset().top; 

       if ($(window).scrollTop() > controlBarPos) 
       { 
        if (!controlBar.hasClass('fixed')) 
        { 
         cbPlaceHolder.height(controlBar.outerHeight()).show(); 
         controlBar.addClass('fixed').stop(true).fadeTo('slow', 1); 

         // Notifications 
         $('#notifications').animate({'top': controlBar.outerHeight()+notificationsTop}); 
        } 
       } 
       else 
       { 
        if (controlBar.hasClass('fixed')) 
        { 
         cbPlaceHolder.hide(); 
         controlBar.removeClass('fixed').stop(true).fadeTo('fast', 1, function() 
         { 
          // Required for IE 
          $(this).css('filter', ''); 
         }); 

         // Notifications 
         $('#notifications').animate({'top': notificationsTop}); 
        } 
       } 
      }).trigger('scroll'); 
     } 

Answer 1

この回答は、賢者タッチのような別の解決策を使用していました。