desandro/isotope — Issue #98: Jumping up and not running animation on first run.
Author: richardhedberg
Created: 2011-10-14 13:53:56+00:00
State: open

I'm using isotope for filtering projects in my portfolio. It works like a charm and look really good, exept for the first time I run it when the page is reloaded. It jumps up about 200px and filters correctly but does not play the animation.

the project is live here http://richardhedberg.com/portfolionew/index.html and to see the jump you have to scroll down and make sure to have two rows of thumbnails visible.

the jQuery code im using is

$('#filters a').click(function(){
var selector = $(this).attr('data-filter');
$('#isocontainer').isotope({ filter: selector });
return false;
});

I'm loading the jQuery library at the top, and in the bottom i first load isotope js and then my custom js file.

I have tried to remove all other jQuery on the site but the problem remains so it is not a problem of scripts interfering.

I'd really appreciate if some could solve this, been stuck at it for quite a while now.

Cheers