javascript - 通过单击菜单更改正文 css

Question

我目前正在开发我的新网站，我需要帮助。

当您打开该站点时，您会看到一个带有图标（类似于菜单栏）的登录页面，并且您无法滚动。
当您单击时，tadaaaa 它是一个单页设计。我正在考虑一种javascript/jquery一种脚本。

当前的CSS：

body {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    overflow: hidden;
}

示例jquery：

$("nav").on("click", function(e) {
    $('html, body').css('overflowY', 'visible');
}

我对此很陌生，所以不要怪我写了奇怪的剧本。我正在努力学习javascript和jquery。

score 1 · Accepted Answer

为此，您应该向页面添加一个类以指示其状态，然后更改样式表中的样式。

HTML：显示整个页面

恭喜。您正在查看页面

JS：

$(document).ready(function () {

  $("#loadpage").click(function () {
        $("html").addClass("loaded");
  });

});

CSS：

#page { display: none; }
html.loaded #page { display: block; }
html.loaded #loadpage { display: none; }

1 回答 1