Javascript 停止脚本在单击时滚动回页面顶部

我有一个用于选项卡式导航的简单脚本。它只是隐藏并显示一个div。但是，当我从一个选项卡切换到另一个选项卡时，屏幕总是向上平移！有人知道如何阻止这一切吗？我的脚本如下：

<script type="text/javascript">

$(document).ready(function() {

    //Default Action
    $(".tab_content").hide(); //Hide all content
    $("ul.tabs li:first").addClass("active").show(); //Activate first tab
    $(".tab_content:first").show(); //Show first tab content

    //On Click Event
    $("ul.tabs li").click(function() {
        $("ul.tabs li").removeClass("active"); //Remove any "active" class
        $(this).addClass("active"); //Add "active" class to selected tab
        $(".tab_content").hide(); //Hide all tab content
        var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
        $(activeTab).fadeIn(); //Fade in the active content
        return false;
    });

});
</script>

我认为你需要一个默认的点击处理程序

这将阻止浏览器平移到顶部

像这样：

//On Click Event
$("ul.tabs li").click(function(e) {
    e.preventDefault();
    $("ul.tabs li").removeClass("active"); //Remove any "active" class
    $(this).addClass("active"); //Add "active" class to selected tab
    $(".tab_content").hide(); //Hide all tab content
    var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
    $(activeTab).fadeIn(); //Fade in the active content
    return false;
});

---

尝试将单击处理程序更改为以标记而不是标记为目标：

发生这种情况的原因是，即使在标记的单击处理程序上返回false，标记的单击事件也会冒泡，并在标记中包含该事件的同时触发。由于没有阻止标记默认操作的单击处理程序，因此页面会跳到顶部–这是假设href属性以哈希开头

---

我希望这有帮助

显示您的html页面：[Smooth Anchor][1][1]：似乎不起作用，但我明白您的意思，仍然无法解决跳转问题。您能用相关的html标记更新您的问题吗？另外，创建一个显示问题的JSFIDLE将帮助我们确定解决方案。

//On Click Event
$('ul.tabs li a').click(function() {
    $('ul.tabs li').removeClass('active');
    $(this).closest('li').addClass('active');
    $('.tab_content').hide();
    var activeTab = $(this).attr('href');
    $(activeTab).fadeIn();

    return false; // prevent default action of <a/> element
});