Support » Plugin: Infinite-Scroll » infinite-scroll reverie theme masonry

  • Hi all,

    (p.s. I’m not really a coder, hacking best I can)

    I’m running version 2.0b2.120226 of Infinite-Scroll, and my install is live here (there are layout issues, but I’m not worrying about that yet)

    So, I’m surprised this combination hasn’t come up before! The Reverie theme is based on Zurb’s Foundation, so it’s a good combination. I can get either Infinite-Scroll OR Masonry to work in this theme, but not together.

    The selectors are all correct, evidenced by Infinite-Scroll working on it’s own. But maybe I need to call the right javascript after? Although it looks like that doesn’t load until you scroll anyway, i.e. not on the initial load. Right? Anyway, I can’t find any documentation on that other than another thread here.

    So I’m using this

    `var $newElems = $( newElements ).css({ opacity: 0 });<br />
    $newElems.imagesLoaded(function(){<br />
    $newElems.animate({ opacity: 1 });<br />
    $(‘.post-box’).masonry( ‘appended’, $newElems, true );<br />

    where .post-box is the containing element.

    Don’t think I missed anything out, hopefully it’s a really simple fix!

    Many thanks 🙂

  • The topic ‘infinite-scroll reverie theme masonry’ is closed to new replies.