2016-09-18 61 views
-2

我有一个CSS动画,基本上滑出高的z-index关闭屏幕揭示它下面的网站内容在主页上的两个图像。它只在主页上,而不在任何其他页面上。删除/隐藏DIV从网站

我想这样做是有这个动画运行仅在第一次的页面会话期间访问。所以如果用户导航到另一个页面,然后回到主页,我不希望动画再次运行。

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

这似乎对于这样一个简单的任务有点大材小用。任何关于更简单的方式去除在会话期间在页面重新加载期间持续存在的div的建议?您不必为我编写代码,只要可能就指向一个更简单的方向。像是有一种方法可以用CSS来完成这个任务。或者,如果我使用JavaScript删除元素,它将在导航到网站中的另一个页面并返回到主页后保持删除状态。请和谢谢!

P.S.这是一个自定义WordPress主题,所以我也开放给PHP解决方案。

+0

感谢您的反馈意见。客户端会话存储是我想要做的。只是想知道他们是否是我忽略的其他解决方案。 –

回答

1

您可以检查引用网址和运行动画只有在引用不是网站本身。但是这次如果访问者首先打开另一个页面然后导航到主页,动画将不会显示。

另一种办法是使用的cookies。

+0

这似乎是比我想到的更好的解决方案。谢谢。我会尝试。 –