用户进入网站的任何部分后隐藏div

Question

假设当用户在主页上进入网站时，我有一个完整的image div fadeouts。

如果用户输入到任何（生物，图库）部分并回到家中，我想要隐藏完整的图片动画。

我尝试使用这样的cookie：

if (jQuery.cookie('hasVisited')) {

} else {
jQuery.cookie('hasVisitied', 'true');
    jQuery('#home-image').hide();
}

但问题是，如果用户再次进入该页面，则会始终隐藏image，而不仅仅是任何部分。

如果用户来自网站的子页面，我该如何指向隐藏#home-image。

如果我对这个问题不清楚，请告诉我！

这将是事件：

1. 用户访问网站，主页上有full screen image个淡出动画
2. 他进入biography部分，然后返回homepage ，无需看到full screen image动画。
3. 几小时后，他决定再次访问该网站，并在主页上看到full screen image淡出动画。

Answer 1

您可以使用#returning等链接返回主页，而不是使用Cookie。因此，指向您主页的链接可能如./#returning或www.yoursite.com#returning。

从那里，您可以使用JavaScript的window.location.hash来确定用户是否返回主页。它应该返回类似#returning的内容。

所以，链接到您的主页：

<a href="./#returning>Home</a>

主页上的JavaScript：

if(window.location.hash === "#returning")
    $('#home-image').hide();

否则，如果您想坚持使用cookie方法，请尝试找到一种方法在用户离开您的网站时删除Cookie，尽管这样会有点困难。

祝你好运！

Answer 2

您只需在备用页面上添加Cookie即可。您可以通过javascript检查location.pathname，也可以只在这些页面上包含/执行此脚本。

只要主页没有触发cookie，它就可以正常工作