Rolar div ate um ponto e parar

13/01/2021

0

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

Responder

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar