Skip to content

Instantly share code, notes, and snippets.

@mataspetrikas

mataspetrikas/fix jQuery.offset() in Mobile Safari (iPad, iPhone)

Created June 9, 2010 15:26
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save mataspetrikas/431639 to your computer and use it in GitHub Desktop.
Save mataspetrikas/431639 to your computer and use it in GitHub Desktop.
Download ZIP
fix jQuery.offset() in Mobile Safari (iPad, iPhone)
Raw
fix jQuery.offset() in Mobile Safari (iPad, iPhone)
// as of 1.4.2 the mobile safari reports wrong values on offset()
// http://dev.jquery.com/ticket/6446
// remove once it's fixed
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);
}
@mataspetrikas
Copy link
Author

related to this bug http://dev.jquery.com/ticket/6446

@karlwestin
Copy link

Thanks! Works perfectly :)

@chumtarou
Copy link

Would love to know how to implement your fix to Jquery Tookit's Tooltips. Once you scroll, the tooltips appear in the wrong location. (http://flowplayer.org/tools/tooltip/index.html)

@jonesmac
Copy link

I think this is still an issue today. I found wrapping it in a timeout solved it which tells me that even if document.ready has fired...mobile safari is still laying things out and getting wrong calculations.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment