Estoy intentando ejecutar Waypoints en un sitio web de Webflow. Este es el código que he insertado en el sitio para cargar las bibliotecas y ejecutar una prueba para registrar algo en la consola cuando el elemento se desplaza a la vista.

 <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/3.0.0/jquery.waypoints.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/3.0.0/shortcuts/inview.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/3.0.0/waypoints.debug.js"></script> <script> var waypoint = new Waypoint({ element: document.getElementById('#title_1'), handler: function(direction) { alert('You have scrolled to a thing') } }) </script>

Aquí hay un enlace a la captura de pantalla del error

No estoy seguro de lo que he hecho mal aquí. Tomé este código de un CodePen que funcionaba correctamente. Sé que mi estructura HTML está configurada correctamente en el sitio. Cualquier ayuda sería muy apreciada.