从网站删除/隐藏div

Question

我有一个css动画，基本上在屏幕上滑动两个带有高z-index的图像，在主页上显示它下面的网站内容。它只在主页上，而不在任何其他页面上。

我想要做的是让这个动画仅在会话期间第一次访问页面时运行。因此，如果用户导航到另一个页面然后返回主页，我不希望动画再次运行。

我能想到的唯一解决方案是在每次加载主页时检查的第一页加载上创建HTML5会话存储对象，如果设置了对象的值，则使用jquery隐藏包含动画的div

对于这样一个简单的任务来说，这似乎有些过分。有关简单方法的任何建议只是删除会话期间页面重新加载的持久化div吗？你不必为我编写代码，如果可能的话，只需指出一个更简单的方向。就像有一种方法只用CSS做到这一点。或者，如果我使用JavaScript删除元素，它将在导航到站点内的另一个页面然后返回主页后保持删除状态。拜托，谢谢！

P.S。这是一个自定义的WordPress主题，所以我也可以使用PHP解决方案。

Answer 1

只有当引荐来源不是网站本身时，您才可以检查引荐来源网址并运行动画。但是这次如果访问者首先打开另一个页面然后导航到主页，则不会显示动画。

另一种选择是使用cookies。