2013-01-18 6 views
0

현재 새 웹 사이트에서 작업 중이며 도움이 필요합니다.메뉴를 클릭하여 본문 CSS를 변경하십시오.

사이트를 열면 아이콘이있는 방문 페이지 (메뉴 막대 정렬)가 나타나며 스크롤 할 수 없습니다.
클릭하면, 한 페이지 디자인입니다. 나는 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'); 
} 

이것에 대해 아주 멍청한 놈입니다 그래서 스크립트의 이상한 종류의 저를 비난하지 않는다. javascriptjquery을 배우려고합니다.

+1

그래서, 당신의 질문은 무엇인가? – Teemu

+0

그리고 귀하의 질문은 무엇입니까? 오른쪽으로 가면 옳은 방향입니다. 대체 접근법은 본문에 대해 다른 클래스로 작업하고 요소를 클릭 할 때 클래스 이름을 단순히 변경/추가/제거하는 것입니다. –

+0

질문을 두 번 읽었습니다. 문제가 정확히 무엇인지 알 수 없습니다! –

답변

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/

관련 문제