Offset Top non funziona in IOS

Question

Ecco il codice completo 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' 
     }); 
    } 
}); 
});` 

E 'di lavoro su Chrome e Firefox, ma quando ho controllato tramite AIR iPad e iPhone, l'effetto esegue anche prima della 'Classe C' colpisce la cima.

Answer 1

Spero che questo vi aiuterà:

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

Qui abbiamo conosciuto la correzione per Safari mobile. In primo luogo, rileva il browser; in secondo luogo, un po 'di comportamento cambiamento della funzione di 'compensazione':

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

inserire questo codice da qualche parte dopo l'inizializzazione jquery, ma prima che i vostri calcoli di offset.