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

Question

我有这段代码可以模拟标签。它运行良好，但每次我加载页面时单击“abas”div 中的链接，页面都会滚动回顶部。我的 while 解决方案（丑陋）是在加载后调用一个函数以将页面滚动到锚点“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

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