things - Diferente desplazamiento para el evento "up" de jquery waypoint.

waypoints google maps

Question

Me encantaría tener 2 compensaciones en punto de jquery. Actualmente solo hay uno, el mismo, para desplazarse hacia arriba y hacia abajo.

Estoy usando una compensación "hacia abajo" del 25%, y me gustaría una compensación "hacia arriba" de "75%". Entonces, cuando la parte superior de un bloque está en el 25% de la parte superior de la ventana gráfica y el desplazamiento está bajando, se activa ''abajo''. Y cuando la parte superior de un bloque está en el 75% de la parte superior de la ventana gráfica y el desplazamiento está subiendo, se activa ''up''.

¿Alguien ya ha escrito código para esta hysteresis ?

Answer 1

Puede hacer esto creando dos puntos de ruta, cada uno con diferentes desplazamientos, cada uno solo respondiendo en una dirección:

$(''.thing'').waypoint(function(direction) {
  if (direction === ''down'') {
    // Do stuff
  }
}, {
  offset: ''25%''
}).waypoint(function(direction) {
  if (direction === ''up'') {
    // Do stuff
  }
}, {
  offset: ''75%''
});

Actualización : si está utilizando la versión jQuery de Waypoints 3.0, el código anterior no funcionará porque waypoint ya no encadena el objeto jQuery. En cambio, devuelve una matriz de las instancias de Waypoint creadas. Si no está interesado en mantener esa referencia de matriz alrededor, el código se vería así:

var $things = $(''.thing'');

$things.waypoint(function(direction) {
  if (direction === ''down'') {
    // Do stuff
  }
}, {
  offset: ''25%''
});

$things.waypoint(function(direction) {
  if (direction === ''up'') {
    // Do stuff
  }
}, {
  offset: ''75%''
});