停止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();
});