Как сделать чтобы нормально работал скрол до якоря во вкладках?

Question

[happinet]

Есть вкладки/табы

<ul class="porfolio-group">
<li class="col-sm-12 col-md-3 text-center block-text-bottom portfolio-block">
 				<a class="content-link" href="#flat" aria-controls="flat" role="tab" data-toggle="tab">
 					<img src="<?php blogInfo('template_directory') ?>/images/foto-9.jpg" style="display: block; width: 100%;" alt="" />
 					<p>Квартиры</p>
 				</a>
 				
 			</li>
 			<li class="col-sm-12 col-md-3 text-center block-text-bottom portfolio-block">
 				<a class="content-link" href="#publicplace" aria-controls="publicplace" role="tab" data-toggle="tab">
 					<img src="<?php blogInfo('template_directory') ?>/images/foto-10.jpg" style="display: block; width: 100%;" alt="" />
 					<p>Общественные помещения</p>
 				</a>
 				
 			</li>
</ul>

<div class="tab-content">
		<div role="tabpanel" class="tab-pane fade in" id="flat">
<?php
global $post;
$args = array('category' => 10, 'post_type'=>'page', 'numberposts'=> -1, );
$myposts = get_posts( $args );
foreach( $myposts as $post ){ setup_postdata($post);
	?>
	<div class="col-sm-12 col-md-4 portfolio-item-gallery-zoom"><a href="<?php the_permalink(); ?>"><?php echo get_the_post_thumbnail( $page->ID); ?><span><?php the_title(); ?></span></a></div>
	<?php
}

?>

 		</div>	
 		<div role="tabpanel" class="tab-pane fade in" id="publicplace">
			<?php
global $post;
$args = array('category' => 11, 'post_type'=>'page', 'numberposts'=> -1, );
$myposts = get_posts( $args );
foreach( $myposts as $post ){ setup_postdata($post);
	?>
	<div class="col-sm-12 col-md-4 portfolio-item-gallery-zoom"><a href="<?php the_permalink(); ?>"><?php echo get_the_post_thumbnail( $page->ID); ?><span><?php the_title(); ?></span></a></div>
	<?php
}

?>
			
 		</div>	
</div>

Вкладки работают через Bootstrap.

Есть js, что при клике на ссылку/вкладку идет скролл до якоря/контента во вкладках

$(function() {
  $("a.content-link").click(function(e) {
    e.preventDefault()
    $(this).tab('show')
    var _href = $(this).attr("href");
    $("html, body").animate({
      scrollTop: $(_href).offset().top + "px"
    });
    return false;
  });
});

Проблема, что при первом клике на ссылку вкладки, все срабатывает хорошо: контент открывается, до якоря скроллится... но при клике на другую вкладку - скроллится вверх до начала сайта, по второму клику - опять скроллит до якоря.

Как сделать чтобы до верха сайта не скроллил?