How to use react-waypoint - 6 common examples

To help you get started, we’ve selected a few react-waypoint examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github ericgio / react-bootstrap-typeahead / example / components / ScrollSpy.react.js View on Github external
onLeave={({currentPosition}) => (
      currentPosition === Waypoint.above && onAfter(href)
    )}
    topOffset={10}
github react-bootstrap / react-bootstrap / docs / src / ComponentsPage.js View on Github external
onLeave={({ currentPosition }) => (
      currentPosition === Waypoint.above && onAfter(href)
    )}
    topOffset={10}
github react-bootstrap / react-bootstrap / docs / src / ComponentsPage.js View on Github external
onEnter={({ previousPosition }) => (
      previousPosition === Waypoint.above && onBefore(href)
    )}
    onLeave={({ currentPosition }) => (
github ericgio / react-bootstrap-typeahead / example / components / ScrollSpy.react.js View on Github external
onEnter={({previousPosition}) => (
      previousPosition === Waypoint.above && onBefore(href)
    )}
    onLeave={({currentPosition}) => (
github weseek / growi / src / client / js / components / Page / RevisionLoader.jsx View on Github external
onWaypointChange(event) {
    if (event.currentPosition === Waypoint.above || event.currentPosition === Waypoint.inside) {
      this.loadData();
    }
  }
github srobinson / unicode-wiki / packages / uw-containers / src / codepoints / codepoints-container.tsx View on Github external
onEnter={({previousPosition}: Waypoint.CallbackArgs) => {
            if (previousPosition === Waypoint.below) {
              this.fetchNextCodepoints()
            }
          }}
          key={codepoints.result.page}

react-waypoint

A React component to execute a function whenever you scroll to an element.

MIT
Latest version published 2 years ago

Package Health Score

64 / 100
Full package analysis