Question

我的目标是在有人访问时隐藏我主页的内容。 onClick开始按钮应显示内容。当用户转到其他页面并返回首页时，内容应保持打开状态。但是当用户关闭窗口并再次打开主页时，它将被隐藏。为了实现此目标，我放置了以下代码，但即使用户关闭并打开窗口，它也可以保持内容打开。所以请帮帮我。

if (! localStorage.noFirstVisit) {
    // hide the element
    $("#content").hide();

    // check this flag for escaping this if block next time
    localStorage.noFirstVisit = "1";
}

另一个问题是，当内容显示设计变得混乱时（通过扩大div并带来水平滚动）

$(".roll-button").click(function(){
    $("#content").show();
});

如果您访问网站，建议我修复或向我展示实现此目标的正确方法，我将不胜感激。网址：iamicongroup.com

Answer 1

您可以完全使用sessionStorage来检测它是否是新标签页（窗口）。

首次访问此页面时，请设置sessionStorage.noFirstVisit = "1";。

转到另一页并返回后，sessionStorage.noFirstVisit仍为"1"。

但是当您关闭tab或browser并再次重新打开页面时，sessionStorage.noFirstVisit将是undefined。

Documentation is here

文档还提供了sessionStorage和localStorage之间的区别。

Answer 2

我建议您阅读以下内容：Detect Close windows event by Jquery

它遍历了窗口卸载（beforeunload），我相信这是您所追求的。您可以根据满足的某些条件在那里设置/取消本地存储值。例如：

$(window).on("beforeunload", function() { 
    if(localStorage.noFirstVisit = "1" {
        // do something
        localStorage.noFirstVisit = "[someValue]"
    }
    else {
        // do something
        localStorage.noFirstVisit = "1"
    }
})

Answer 3

另一个问题是，当内容显示设计几乎没有混乱时（通过扩大div并带来水平滚动）

如何在角度添加“ ng-cloak”之类的东西，以避免显示/隐藏引起的不良闪烁效果。

单击滚动按钮时，它可防止div显示未完成。.

内容隐藏/显示

3 个答案: