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。