Show elements with isVisible

[JayGi]

Hello,

can you please help me and show me how i can animate elements with a specific class?

Usually i use this code inside $(window).on('scroll'):

            $('.hideme').each(function (i) {

                var top_of_object = $(this).offset().top;
                var bottom_of_window = $(window).scrollTop() + $(window).height();

                if (bottom_of_window > top_of_object) {
                    $(this).animate({'opacity': '1'}, 700);
                }

            });

Should i use isVisible right?
How can i achieve the same result with it?

Thank you!

[sadeghbarati]

Hi please read API documentation addListener

addListener Params types ( Typescript definition )

type ScrollStatus = {
  // equal to `scrollbar.offset`
  offset: {
    x: number,
    y: number,
  },
  // equal to `scrollbar.limit`
  limit: {
    x: number,
    y: number,
  },
};

scrollbar.addListener(( { offset, limit } ) => {
    // do your logic here
    var targetOffset = element.getBoundingClientRect().top
    if( offset.y >= targetOffset ) { }
    else { }
});