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>

检测浏览器的前进和后退按钮并触发jquery事件

1 个答案: