javascript - 水平滚动时如何防止浏览器在历史记录中后退/前进？

Question

如何使用 JQuery 或 Native JS 禁用现代浏览器在水平滚动时向后或向前移动的默认功能？

这通常发生在使用触控板和滚动到可滚动 div 的结尾或开头时。

Answer 1

history.pushState(null, null, location.href);
window.onpopstate = function(event) {
    history.go(1);
};

演示:http://jsfiddle.net/DerekL/RgDBQ/show/

除非您向后退按钮发送垃圾邮件或按住后退按钮并选择上一个条目，否则您将无法返回到之前的网页。

_{注意:onpopstate(或事件 onbeforeunload)在 iOS 上似乎不起作用。}