jQuery Waypoints fails with container

jQuery Waypoints fails with container


I have been implementing the amazing panelSnap plugin ( http://guidobouman.github.io/jquery-panelsnap/) into my site. This works fine. However to implement a menu, you must put all the sections inside a container, with the following CSS:

  1. #wrapper {
  2.     height: 100%;
  3.     overflow: scroll;
  4. }

This works fine. However it immediately causes Waypoints to fail (currently being used with animate.css to fade in elements on scroll).

As you can see in the jsFiddle, it seems as if the browser no longer detects scrolling to display the elements.

Thank you very much for your help.