Rolagem suave em conteudo de div

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