使用jquery加载内容后，避免滚动到顶部

Question

我有这段代码用于模拟标签。它工作正常但每次我加载页面点击“abas”div中的链接时，页面会滚动回到顶部。我的解决方案（丑陋）是在加载后调用一个函数将页面滚动到锚点“abas”。这是怎么回事？

以下是代码：

<ul id="abas">
<li><a href="buscapage.php">Busca por práticas</a></li>
<li><a href="catpage.php" class="off">Categorias</a></li>
</ul>

$('#abas a').click(function(event) {        
  var $loader = '<img src="img/interface/loader.gif" class="loader" alt="" />',
  $pagina = $(this).attr('href');
  $('#get').html($loader).load($pagina, function(){
    $('html,body').animate({scrollTop: $('#abas').offset().top},'slow'); //solution =(
  });
  event.preventDefault(); //prevent does not avoid this to happen  
});

谢谢

Answer 1

我相信在click事件函数结束时您需要做的就是返回false。非常类似于您在超链接或按钮上订阅click事件的方式，并希望处理事件中的所有执行，因此，一旦代码完成，不要让浏览器接管并执行点击本身。