オフセットトップが動作しないでIOS

Question

は完全なコードは、それはChromeとFirefoxのに取り組んだが、私はiPadのAIRとiPhoneを経由して、それをチェックすると、効果はさらに「クラスC」ヒットする前に実行http://jsfiddle.net/vinex08/uhm26em1/

jQuery(function ($) { 
var distance = $('.c').offset().top, 
    $window = $(window); 

$window.scroll(function() { 
    if ($window.scrollTop() >= distance) { 
     $(".b").css({ 
      position: 'fixed', 
      top: '0' 
     }); 
    } else { 
     $(".b").css({ 
      position: 'inherit', 
      top: '10' 
     }); 
    } 
}); 
});` 

ですトップ。

Answer 1

私はこれが役立つことを願っています：

jQuery(function ($) { 
    var distance = $('.c').offset().top; 
    $(window).scroll(function() { 
     var wndwTop = $(this).scrollTop(); 
     if (wndwTop >= distance) { 
      $(".b").css({ 
       position: 'fixed', 
       top: '0' 
      }); 
     } else { 
      $(".b").css({ 
       position: 'inherit', 
       top: '10' 
      }); 
     } 
    }); 
}); 

Answer 2

ここでは、モバイルSafariに関する既知の修正があります。 まず、ブラウザを検出します。第二に、「オフセット」機能の少しの変化挙動：

// mobile Safari reports wrong values on offset() 
// http://dev.jquery.com/ticket/6446 
if (/webkit.*mobile/i.test(navigator.userAgent)) { 
    (function($) { 
     $.fn.offsetOld = $.fn.offset; 
     $.fn.offset = function() { 
     var result = this.offsetOld(); 
     result.top -= window.scrollY; 
     result.left -= window.scrollX; 
     return result; 
     }; 
    })(jQuery); 
} 

置き、このコードのどこかにjqueryの初期化後に、しかし、あなたのオフセット計算の前に。