Javascript 单击链接时,如何阻止浏览器滚动到顶部?

Javascript 单击链接时,如何阻止浏览器滚动到顶部?,javascript,scroll,Javascript,Scroll,我已经尝试在这个网站上搜索数据库,但是我仍然没有找到我的问题的具体答案 当我单击选项卡中的链接时,页面会转到顶部,我需要停止。 它之所以“滚动”到顶部,并不是因为返回false。这是因为在这段代码中: //On Click Event $("ul.tabs_ip li").click(function() { $("ul.tabs_ip li").removeClass("active"); //Remove any "active" class $(this).addClas

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

当我单击选项卡中的链接时,页面会转到顶部,我需要停止。

它之所以“滚动”到顶部,并不是因为
返回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
a
min height:400px或类似的东西,你不会得到慢跑。将内容的最小高度设置为合理的数字

编辑:

将此CSS添加到.CSS文件:

.tab_content_ip{
    min-height: 400px;
}

不要要求人们对你的页面进行反向工程。发布一个简单的例子。有几种方法可以做到这一点。这个问题将告诉你:我通常有onClick函数return false,它阻止浏览器跟随链接。这不是重复的。这是一个完全不同的问题。请查看他们的代码,您将看到他们已经有了
return false
@davehale23感谢您的回复..我已经将最小高度添加到了div中,但仍将滚动到顶部。我已经添加了一个代码示例来说明我的意思。我已经把它添加到了你的页面,它不再跳转到顶部。嗯,我已经添加了你提供的css代码,但仍然得到了同样的滚动到顶部的效果?该页面上现在有一些以前没有的javascript错误。以前,我只是将上面的CSS添加到“main.CSS”的顶部,这样可以防止页面跳转。但是现在你的页面上还有一些新的JS问题。检查你的错误控制台。好的,我已经删除了JS错误,并将css代码添加到main.css的顶部,但是我仍然有页面跳转…抱歉,但我不知道问题可能是什么,因为我们都在做相同的事情,得到不同的结果。