停止jquery选项卡移动到页面顶部

Question

我已经使用jquery在站点上设置了选项卡，以便可以在不刷新页面的情况下显示4页数据。

这工作正常，但有一个我想摆脱的怪癖！如果第一页向下滚动了一下，然后点击另一个选项卡，第二个选项卡出现，但不再向下滚动（即出现并且页面移回到顶部）。这使得页面看起来好像重新加载，尽管它不是。有没有办法阻止页面移动，即将滚动条锁定在当前位置？

这是创建标签和加载不同的部分到视图中查看脚本：

<script> 
//add the tabs 
$(document).ready(function() { 
    $('.tabs a').click(function() { 
    var $this = $(this); 
    $('.panel').hide(); 
    $('.tabs a.active').removeClass('active'); 
    $this.addClass('active').blur(); 
    var panel = $this.attr('href'); 
    $(panel).fadeIn(250); 
    return false; 
    }); //end click 
$('.tabs li:first a').click(); 
}); //end ready 
</script> 

Answer 1

尝试使用e.preventDefault()：

$('.tabs a').click(function(e) { 
    e.preventDefault(); 

Answer 2

使用event.preventDefault（）;您可以使用此功能限制默认行为并根据您的要求进行编码。

$(".tabs a").click(function(event) { 
event.preventDefault(); 
});