Jetpack infinite scroll support

Hi Juan.

Well, forget about the jetpack infinite scroll plugin.

find paul irish’ infinte scroll plugin:

https://www.infinite-scroll.com

you can find it through the plugin search in your wp backend as well.

you’ll have to change the css selector for “#content” by “#post-area”. the rest is already a-ok!

you can see a working version on my modified pinbin version at https://www.theroad.be

@theroad_running

Thanks for suggestion!

I can confirm that this plugin actually works with Pinbin theme.

you’re welcome. maybe you can change the post-area id to content for out of the box integration with the theme. although this is quite straight forward. i guess adding a small howto to the documentation should do as well :-).

paul irish’ code is really nice as well. I read you were thinking about adding infinte scroll to the theme? might want to look into his implementation.

I was trying to apply the infinite-scroll plugin to my website but the posts stack. I changed the content selector to #post-area but still no luck. I even tried to re install pinbin and disabled all other plugins running on my website. Do I need to change some other settings or is this a problem specific to my website?

Thanks!

When you use the infinite scroll plugin, on the infinite scroll settings page. Scroll down to the Behaviors setting and change it from Default to Masonry/Isotope. Doing that fixed my “stacking” problem.

That fixed the issue, thanks for the help.

Hi! How do you change the “Behaviors” setting from Default to Masonry/Isotope?

Do you mean to change it here and if so, how?:

public $behaviors = array( //array of behaviors as key => array( label => js file ) (without extension)
‘twitter’ => array( ‘label’ => ‘Manual Trigger’, ‘src’ => ‘manual-trigger’ ),
‘local’ => array( ‘label’ => ‘Local’, ‘src’ => ‘local’ ),
‘cufon’ => array( ‘label’ => ‘Cufon’, ‘src’ => ‘cufon’ ),
‘masonry’ => array( ‘label’ => ‘Masonry/Isotope’, ‘src’ => ‘masonry-isotope’)

Please help! Need a how-to!