jQuery .offset() returning wildly different values between local dev & server

[iamshawnrice]

Hi.

Please take a look at http://dppad.com/demo/dppad/?page_id=70

I am using bootstrap’s affix plugin (http://getbootstrap.com/javascript/#affix) to trigger the animated elements. Since we are using it on a responsive site, the offset from the top varies greatly depending on the width of the screen. To combat this, I am running the following code to update the ‘data-offset-top’ attribute:

$('*[data-spy="affix"]').each(function() {
        var offset = $(this).offset();
$(this).attr('data-offset-top', (offset.top / 2));
}); 

Which accomplished the desired effect nicely.

However, when run in my local dev environment the offset.top values are roughly half of that when they are when calculated on our remote demo server.

It’s not the end of the world, but I was wondering if anyone had encountered this in the past.

Thanks.

[iamshawnrice]

You know what – you’re absolutely right. I am using a lazy-load plugin for the images which would absolutely account for the difference in height.

Thanks for taking a look.

[Author]

Posts