Reveal only when scrolling down?

[jayeshtharani]

I want to animate the objects when the scrolling is towards down from the top of the page.
I don't to animate the objects when scrolling is done from bottom to top of the page.

var lastScrollTop = 0;

jQuery( window ).scroll(function( event ){

  var st = jQuery( this ).scrollTop();

  if ( st > lastScrollTop ) var isreset = true;
  else                      var isreset = false;

  lastScrollTop = st;

  var config = {
    after: '0s',
    enter: 'bottom',
    move: '24px',
    over: '0.66s',
    easing: 'ease-in-out',
    viewportFactor: 0.30,
    reset: isreset,
    init: false
  };

  window.scrollReveal = new scrollReveal( config );
  scrollReveal.init();  
});

But it's not working.

How can i achieve this kind of scenario ?

Thanks in advance.

[jlmakes]

Hi @jayeshtharani

This isn’t presently supported, but I’d start by adding a check for scroll direction inside animate(), so that if scrollTop < lastScrollTop nothing happens. Hope that helps you get started!

[Orsey]

Hello, I found how do this : don't to animate the objects when scrolling is done from bottom to top of the page.

In file scrollReveal.js in string 228-233 you most comment this code:

if (!this.isElementInViewport(el, this.options.viewportFactor)) {
  if (this.options.reset) {
    el.setAttribute('style', style + css.initial + css.reset);
  }
  return;

[ghost]

This should be added as an option.