Javascript使用后退按钮隐藏覆盖不起作用

Question

使用Wordpress CMS

我有三个通过图像触发的叠加层。他们有关闭按钮，但客户希望通过浏览器后退按钮关闭这些按钮（你们中的一些人可能不同意这个我知道的糟糕的用户体验）。我可以在移动浏览器上看到它的论点。

我有以下代码

<script>
    jQuery(function($) {
        if (window.history && window.history.pushState) {
            $(window).on('popstate', function () {
                 $(".overlay-container").css('display', 'none')
            });
        }
    });
</script>

根本不起作用 - 我错过了什么？

提前谢谢。

Answer 1

这可能有所帮助。

window.onhashchange = function () {
        $(".overlay-container").fadeIn(500);
        $('body')
      .css('overflow', 'hidden');
    }