Ofset Üst Çalışmıyor ise IOS

Question

O Chrome ve Firefox üzerinde çalışan tam kod 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' 
     }); 
    } 
}); 
});` 

ama ben iPad AIR ve iPhone üzerinden kontrol ettiğimizde, etkisi bile 'sınıf c' önce yürütür üst.

Answer 1

ben bu yardımcı olacağını umuyoruz:

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

Mobil Safari için düzeltme yaptık. İlk olarak, tarayıcıyı tespit edin; ikincisi, 'offset' fonksiyonunun biraz değişiklik davranışı:

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

Place Bu kod bir yere jquery başlatmasından sonra, ancak ofset hesaplamaları önce.