0

I tryied to use the Waypoints library to fire an event when we scroll to the end of a div (in order to implement an "infinite scolling"-like functionality). I looked at this example but it apparently doesn't work if I use a custom scrollable 'div', it only works for the window scrolling. Here my fiddle: http://jsfiddle.net/qa68m10n/6/

 var waypoint = new Waypoint({
  element: document.getElementById('waypoint'),
  handler: function(direction) {
    console.log('waypoint')
  },
  offset: 'bottom-in-view' 
})

Am I right? Is there an alternative?

Neo
  • 1,337
  • 4
  • 21
  • 50

1 Answers1

1

This is possible to do with Waypoints by setting the context option to the scrollable element.

<div id="overflow-scroll">
  <div id="context-example">I am a waypoint with a custom context, the "#overflow-scroll" div.</div>
</div>

<script>
var waypoint = new Waypoint({
  element: document.getElementById('context-example'),
  handler: function() {
    console.log('Context example triggered')
  },
  context: document.getElementById('overflow-scroll')
})
</script>

http://imakewebthings.com/waypoints/api/context-option/

Cyrus Kell
  • 26
  • 3
  • While this link may answer the question, it is better to include the essential parts of the answer here and provide the link for reference. Link-only answers can become invalid if the linked page changes. - [From Review](/review/late-answers/32305483) – ahuemmer Jul 27 '22 at 10:44