Block appearance animation and SEO. Does it affect ranking and indexing?

Question

css

I wrote a script for smooth appearance of blocks when scrolling the page:

var scrollSlideLeftWindowHeight = $(window).height();


    $(window).scroll(function(){

      // Scroll Slider Opacity ------------------------------------
      if(window.matchMedia('(min-width: 1101px)').matches){
        $('.scrollFunctionLeft').each(function() {
          var selfAARF = $(this),
            heightAARF = selfAARF.offset().top + (selfAARF.height() - selfAARF.height() + 200);
          if ($(document).scrollTop() + scrollSlideLeftWindowHeight >= heightAARF) {
            selfAARF.removeClass('hideScroll');
          }
        });
      } else if(window.matchMedia('(max-width: 1100px)').matches){
        $('.scrollFunctionLeft').each(function() {
          var selfAARF = $(this),
            heightAARF = selfAARF.offset().top + (selfAARF.height() - selfAARF.height() + 100);
          if ($(document).scrollTop() + scrollSlideLeftWindowHeight >= heightAARF) {
            selfAARF.removeClass('hideScroll');
          }
        });
      }
    
    });

.scrollFunctionLeft { opacity: 1; -webkit-transition: all 0.9s ease; transition: all 0.9s ease; }
.hideScroll { opacity: 0.001; }

That is, I initially set a class with Opacity 0.001 to the blocks, and after the active area of ​​the screen reaches the block, the class is removed and the block becomes with opacity 1.

Will this affect the ranking and indexing of the site, because initially all blocks with content are hidden ?

UPD1: there is an option to add noscript to fill in the styles that make these blocks opacity: 1, but this is also unknown

Answer 1

Search robots are smart.
Animation will not affect ranking.