檢測瀏覽器的前進和後退按鈕並觸發jquery事件

Question

我只有一個橫向滑動頁面，僅適用於移動設備。它給人一種移動應用程序的印象。所以如果我在一個部分中點擊一個按鈕（一個標籤），它會通過jQuery滑動到另一個部分。所有頁面都有用於導航到不同部分的按鈕。網址看起來像這張幻燈片後 - www.domain.com/#section. 一切正常。

現在我想在這裏添加瀏覽器的後退/前進按鈕事件。所以，如果我滑到第2部分，然後點擊瀏覽器的後退按鈕，我想要回到第1部分。這意味着，不知何故，我必須檢測瀏覽器的後退/前進按鈕單擊事件，並相應地觸發我的jQuery功能。一些基本的想法會非常好。謝謝。

Answer 1

在頁面上創建一個後退按鈕：

<button onclick="goBack()">Go Back</button> 

<script> 
function goBack() { 
    window.history.back() 
} 
</script> 

在頁面上創建一個前進按鈕（如果下一個頁面沒有在歷史列表中存在本例不工作）：

<button onclick="goForward()">Go Forward</button> 

<script> 
function goForward() { 
    window.history.forward() 
} 
</script>