苹果设备使用后退按钮后不滚动浏览器

Question

在运行iPad 9.3.1的iPhone 2和iPhone 6上，我有一些奇怪的行为。

我的站点上有一个<div>，定位为relative，高度固定，由window.load() (jQuery)上的javascript计算。在这个div中，有我的可滚动内容。

该网站运行在Joomla3.5上，我使用了一个类别来显示一些图片作为图片库的缩略图。

在一个正常的网站负载，没有问题，点击通过工作只是一个滚动运行良好。

但是在进入图库并将浏览器按回按钮 (safari / chrome是相同的)之后，内容在不可滚动的中出现。更改设备方向后，从菜单中选择另一个站点或重新加载滚动操作再次正常。

在所有其他设备(Windows / Android)上，我一点问题都没有。

JS代码(缩写-所有影响特定div的代码)：

$(window).on('load', function () {
    wheight = $(window).outerHeight();
    innerWrap.css(
      'max-height', 
      wheight - $('#wrapper').height() - $('footer').height() - 67 + "px"
    );
});

我已经在网络上搜索了iOS滚动错误，但这些修复似乎都不适合我。

有什么建议吗？

Answer 1

我找到了解决办法。

在返回时发现我的javascript没有在.load上执行之后，我专门搜索了这个执行问题。

问题在于系统的内部缓存，该系统用于在浏览器“返回”时快速显示网站。

一个小小的javascript片段拯救了我：

jQuery(window).bind("pageshow", function(event) {
    if (event.originalEvent.persisted) {
       window.location.reload();
    }
});

添加此页面后，将进行真正的重新加载并正常呈现，并使用工作滚动！