Sroll and animate com add Class

Animação depois de baixar o Scroll

by cintia_rodrigues

HTML

<div class="m-ctn welcomezone ">
    <div class="container">
        <div class="m-wrpp add-space" id="m-wrpp-main">
            <div class="col-12 jq_scroll">
                <div>
                    <h3>Inscreva-se para mudar de tarifário</h3>
                  
                    <img  class="fadeimg" src="~/Content/Images/image.png" title="Página inicial" />
                </div>
            </div>
        </div>
    </div>
</div>

CSS

.welcomezone .col-12 .fadeimg {
        max-width: 100%;
        margin: 0 auto;
        opacity:0;
        margin-top:-100px;
        transition: 1s all;
    }

.welcomezone .col-12 .fadeimg.show {
    opacity:1;
    margin-top:0;
    //comportamentoq ue eu quero que aconteça depois de baixar o scroll
}

JavaScript

$(window).bind('scroll', function () { 

    var alturaWindow = $(window).height(); // determina a altura do contentor

    if ($(window).scrollTop() > alturaWindow + 50) { //o 50 é a altura do contentor mais 50px para atingir o sitioq ue eu quero que apareça a animação

        console.log("ola");
     
        $('.fadeimg').addClass("show");
    } 
});