jquery - html 锚点跳转到顶部

Question

如果您单击此处：http ://www.ideagasms.net/index2#aciw ...您将被平滑滚动到页面上标题为“ACIW SERIES”的部分。

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

有没有一种简单的方法可以防止窗户跳动？

Answer 1

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

Answer 2

在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
});