Обновить страницу при нажатии кнопки назад (мобильный, сафари)

Question

так что я осмотрелся и нашел несколько вопросов, которые очень похожи на это с исправлениями, однако ни один не помог мне, потому что я думаю, что они могут быть устаревшими.

Это мой код:

$(document).ready(function() {
  $('body').css('display', 'none');
  $('body').fadeIn(5000);
  $('.link').click(function(event) {
    event.preventDefault();
    newLocation = $(event.currentTarget).find('a').attr('href');
    $('body').fadeOut(1000, function () { newpage(newLocation); });
  });
  function newpage(location) {
    console.log(location);
    window.location = location;
    window.onunload = function(){};
  }
});

В браузерах настольных компьютеров все работает нормально, но проблема только в мобильных устройствах. Что я спрашиваю, так это как я могу обновить страницу нажатием кнопки «назад», чтобы анимация воспроизводилась каждый раз, когда страница загружается и покидает страницу.

Вы можете увидеть, что я имею в виду здесь - веб-сайт

Answer 1

Я не проверял это на мобильном телефоне, но я знаю, что это работает в браузере моего ноутбука.

<script>
    $(document).ready(function(e) {
        var $input = $('#refresh');
        $input.val() == 'yes' ? location.reload(true) : $input.val('yes');
    });
</script>

<input type="hidden" id="refresh" value="no">