jQuery Waypoints

[tomislavboric]

Hi, just figured out, after few hours of troubleshooting - that Waypoints don't work when I use Slidebars page layout. Problem is that Waypoints can't trigger elements while scrolling. As soon as I removed div's that belongs to Slidebars it worked!

Is there some quick fix for that? Maybe some overflow..somewhere?

Thanks so much for any help

[apuntovanini]

+1 thanks

[JoryHogeveen]

Might be a CSS issue related to these topics:

https://github.com/adchsm/Slidebars/issues/251 https://github.com/adchsm/Slidebars/pull/257

[guyhamilton]

I believe this is due to the container setup Slidebar uses. Basically when scrolling the page you are not scrolling the body anymore, you are scrolling the canvas container. Due to this, waypoints and other plugins that target the body will stop working.

To get waypoints to work, you need to use 'context' (http://imakewebthings.com/waypoints/api/context-option/) to target the new container. I added the ID canvas to the canvas container and waypoints now works as it should.

var waypoint = new Waypoint({ element: document.getElementById('about'), handler: function() { console.log("reached!"); }, context: document.getElementById('canvas') });