Rolar div ate um ponto e parar

13/01/2021

5

Estou tentando fazer algo que deveria ser simples mais não estou conseguindo. Quero pegar um div que tem um formulário e fazer ela rolar com a pagina até um certo ponto da pagina, digamos o meio dela, parar ali mesmo que o usuário desça mais a pagina o formulário vai ficar ali parado, e só vai se movimentar para cima se ele subir mais.

O meu código em vez de parar a div esta fazendo ela sumir e voltar quando volta ao ponto que parou.
Onde estou errando?


$(function () {
$(window).scroll(function () {
    if ($(this).scrollTop() > $(''.diferenciais'').offset().top) {
        $(''.span-form'').removeClass(''fixed-nav'');
        $(''.span-form'').addClass(''static-nav'');
    } else {
        $(''.span-form'').removeClass(''static-nav'');
        $(''.span-form'').addClass(''fixed-nav'');
    }
});
});
Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar