javascript - 当我的链接被点击时，如何阻止浏览器滚动到顶部？

Question

我试过在这个网站上搜索数据库，但是我仍然没有找到我的问题的具体答案。

当我单击选项卡中的链接时，页面会转到顶部，我需要停止。 http://www.pcigeomatics.com/index.php?option=com_content&view=article&id=65&Itemid=7

Answer 1

它“滚动”到顶部的原因不是因为return false. 这是因为在这段代码中：

//On Click Event
$("ul.tabs_ip li").click(function() {

    $("ul.tabs_ip li").removeClass("active"); //Remove any "active" class
    $(this).addClass("active"); //Add "active" class to selected tab

////////////////RIGHT HERE
    $(".tab_content_ip").hide(); //Hide all tab content

    var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
    $(activeTab).fadeIn(); //Fade in the active ID content
    return false;
});

您通过隐藏它来显着缩短页面DIV，从而使您看起来像是在“滚动”到页面顶部。如果你给它DIV一个min-height: 400px;或类似的东西，你就不会慢跑了。将最小高度设置为您的内容的合理数字。

编辑：

将此 CSS 添加到您的 .css 文件中：

.tab_content_ip{
    min-height: 400px;
}