Como suavizar scroll do mouse com Jquery num determinado elemento?

18/07/2017

0

Opa pessoal,

Podem me ajudar nessa?

Estou querendo que numa determinada section o evento de scroll fique mais suave (mais lento).

Por exemplo:

<section id="topo"></section>
<section id="conteudo">
// conteudo aqui
</section>
<section id="rodape"></section>


Somente na section com id conteudo essa suavização deveria ocorrer. Nas outras section a suavização normal do mouse é para acontecer.
Carlos Arantes

Carlos Arantes

Responder

Post mais votado

24/07/2017

Olá Carlos, tudo bem?

Existe um plugin para isso chamado nicescroll

Você deve fazer o carregamento do jquery e em seguida carregar esse plugin.

No seu código, você deve fazer algo assim:



$(document).ready(function () {
    $("#conteudo").niceScroll(); // onde você quer que tenha o efeito
});


Espero ter ajudado, qualquer coisa é só falar :)

Diego Silva

Diego Silva
Responder

Mais Posts

24/08/2017

Carlos Arantes

Obrigado Diego! Deu certinho aqui :)
Responder

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

Aceitar