在网页上添加退出动画

Question

我正在使用animate.css动画found here。我试图在JavaScript中使用window.onbeforeunload功能。它适用于Firefox，但我无法使用chrome。是否有更兼容的方法来做到这一点。到目前为止，我的代码已经嵌入到html文件中，所以我可以解决这个问题，但是成就id是暂且的，而“动画fadeOutLeft”这个类用于调用动画，它起作用。我只是希望它等到页面进入另一个内部链接之后才会这样做。

我的代码

<script>
    window.onbeforeunload = loadOut;
    function loadOut () {
        document.getElementById('accomplishments').className
        document.getElementById('accomplishments').className + 'animated fadeOutLeft';
    }
</script>

现在我愿意使用JavaScript，JQuery，SASS，LESS，CSS和/或任何其他方法。期望的结果是当人们点击站点内部链接时发生动画。目标是使这个看起来更像是一个应用而不是一个网页。

Answer 1

我在Chrome页面转换方面遇到了一些问题，并决定使用插件smoothState.js 。也许这可能有所帮助。示例here。