Question

当我链接到子页面时，我有以下脚本用于平滑fadeIn，fadeOut。

$("body").css("display", "none");
$("body").fadeIn(500);

$('a').click(function(event){
    event.preventDefault();
    linkLocation = this.href;
    $("body").fadeOut(500, redirectPage);       
});

function redirectPage() {
    window.location = linkLocation;
}

工作正常。关于这一点的奇怪之处在于，浏览器后退按钮存在问题。让我说我index.html并点击链接到about.html的链接，并尝试通过后退按钮返回index.html所有显示的都是空白页。它需要手动刷新。

为了让我的问题更清晰，您可以找到示例HERE

注意：我在Firefox和Safari下遇到此问题。 Chrome看起来很好。

Answer 1

这是由于特殊的＆＃34;后退/前进＆＃34;浏览器缓存，用于存储页面的完整状态。

您可能希望在fadeIn事件中添加pageshow。

有关详细信息，请参阅此答案：

https://stackoverflow.com/a/2218733/3527940

浏览器返回按钮位置问题

1 个答案: