HTML锚跳转到顶部

Question

如果您点击这里：http://www.ideagasms.net/index2#aciw ...你会被平滑向下滚动到标题为页上一节“ACIW系列”。

在那里，你会看到一个手风琴，和这里的问题：点击手风琴的选项卡中的任何一个，并注意它是如何滚动/跳转到手风琴本身的顶部。

有没有简单的方法来防止窗口跳跃？

Answer 1

在click()事件手风琴，这种方式改变你的脚本：

$(".nav_bar li").click(function() { // Move content horizontally 
    var Tab = $(this).attr("class"); 
    $(".boxness").stop().animate({left : "1500px"}, 800, function() { 
     $(".boxness").css("left", "-1500px").hide(); 
     $("#" + Tab).show().animate({left : "0px", opacity : 1.0}, 600).stop(); 
    }); 
    return false; // Give this here 
}); 

Answer 2

从您的点击处理程序中，您需要在最后执行return false，或者在传递给该函数的事件中使用jQuery的preventDefault。关于jQuery的文档preventDefault是here。