Javascript 从网站中删除/隐藏div

我有一个css动画，本质上是将两个具有高z索引的图像从屏幕上滑下，在主页上显示其下方的网站内容。它只在主页上，不在任何其他页面上

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

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

对于这样一项简单的任务来说，这似乎有点过分了。关于在会话期间删除跨页面重新加载的持久div的更简单方法，有什么建议吗？您不必为我编写代码，只要尽可能为我指出一个更简单的方向。比如说，有一种方法可以通过CSS来实现这一点。或者，如果我使用JavaScript删除该元素，那么在导航到站点中的另一个页面并返回主页后，该元素将保持删除状态。请，谢谢

---

另外，这是一个自定义WordPress主题，因此我也对PHP解决方案持开放态度。

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

---

另一个选择是使用cookies。

这似乎是一个比我想象的更好的解决方案。谢谢我会试试的。谢谢你的反馈。客户端会话存储是我想做的。只是想知道他们的解决方案是否是我忽略的其他解决方案。