通過點擊菜單更改正文css

我目前正在使用我的新網站，我需要幫助。通過點擊菜單更改正文css

當你打開該網站時，你會得到一個帶有圖標（排序菜單欄）的登陸頁面，你無法滾動。
當你點擊，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。

來源

2013-01-18 Mike P

那麼，什麼是你的問題？ – Teemu

而你的問題是？繼續前進，你走的是正確的道路。另一種方法是使用不同的body類，只需在單擊元素時更改/添加/刪除類名。 –

我讀了兩遍的問題..不能確定究竟是什麼問題！ –

您應該通過向頁面添加一個類來指示其狀態，然後更改樣式表中的樣式。

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-18 13:16:33 Dean

通過點擊菜單更改正文css

回答

相關問題