Tenho um script que faz uma rolagem suave ao clicar no link com âncora. O problema é que ele rola a página toda. Preciso que ele role somente o conteúdo que está dentro de uma div específica e o resto da página permaneça fixa. Alguém pode ajudar?
Segue codigo que tenho:
$(".scrollSuave").click(function(event){
event.preventDefault();
$('html, body').animate({
scrollTop: $( $.attr(this, 'href') ).offset().top - 00
}, 500);
})
<div class="col-lg-3">
<a href="#" class="list-group-item active">
TÓPICOS DA AJUDA
</a>
<a href="#funcionamento" class="list-group-item scrollSuave">Opção 1</a>
<a href="#cadastrar" class="list-group-item scrollSuave">Opçao 2</a>
</div>
<hr>
<!-- O CONTEUDO DESTA DIV QUE DEVE ROLAR O CLICAR NO LINK -->
<div class="col-lg-9">
<h4 id="funcionamento"><b>Opção 1</b></h4>
texto aqui
<h4 id="cadastrar"><b>Opção 1</b></h4>
texto aqui
</div>
print da pagina para facilitar