0

私は現在、新しいウェブサイトに取り組んでおり、助けが必要です。

サイトを開くと、アイコン付きのランディング ページ (メニュー バーのようなもの) が表示され、スクロールできません。
クリックするとただぁぁぁ1ページのデザインです。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。

4

1 に答える 1

1

これを行うには、ページにクラスを追加してその状態を示してから、スタイルシートでスタイルを変更する必要があります。

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; }

デモ: http://jsfiddle.net/FHPzb/

于 2013-01-18T13:16:33.590 に答える