Rolar div ate um ponto e parar

jQuery

CSS

JavaScript

13/01/2021

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'');
    }
});
});
Jorge Kania

Jorge Kania

Curtidas 0
POSTAR