CSS3：目標並防止瀏覽器跳轉行爲

Question

我製作了手風琴菜單像here一樣。問題是，當你點擊菜單項時，瀏覽器將嘗試跳轉（並滾動）到target以確保目標在視圖端口中可見。有沒有解決辦法來防止跳躍，除了這樣的事情？

$("a[href^=#]").on("click", function(e) { 
    e.preventDefault(); 
    history.pushState({}, "", this.href); 
}); 

JS來源：Fighting the jump

Answer 1

沒有比使用JavaScript沒有別的辦法。 你也可以聽取hashchange事件，保存事件發生時的實際滾動位置，並在事件發生後跳回。 但這些是人們可以想到的唯一可能的解決方案。