[html] 고정형 페이지 작업

min-width, max-width를 동일하게 줘서 레이아웃 고정

 

html, body에 overflow: hidden 삭제

(전체메뉴 노출 시에만 클래스명 넣어서 overflow: hidden 넣어주기)

 

CSS

html.of-y, body.of-y{overflow-y: hidden;}

jQuery

function allMenu(){
	$('.btn-allmenu').off().on('click',function(e){
		$('html, body').addClass('of-y');
		$('.all-menu').stop().fadeIn();
	});
	$('.btn-allmenu-close').on('click',function(e){
		$('html, body').removeClass('of-y');
		$('.all-menu').stop().fadeOut();
	});
	$('.all-menu ul > li > a').off('click');
}