I AM EVERYTHING
[jQuery] 레이어 팝업 바디 스크롤 고정 본문
.frozen{overflow: hidden; position: fixed; width: 100%; height: 100%; left: 0px;}
var fn_frozenBody = function(pFrozenToggle) {
var $body = $("body"),
$dimmed = $(".dimmed");
switch (pFrozenToggle) {
case "on":
$body.addClass('frozen');
$dimmed.on("touchmove", function(e) {
e.preventDefault()
}); //device viewport lock
break;
case "off":
$body.removeClass('frozen');
$dimmed.unbind("touchmove", function(e) {
e.preventDefault()
}); //device viewport unlock
break;
}
};
fn_frozenBody("on");
fn_frozenBody("off");
'programming' 카테고리의 다른 글
[CSS, jQuery] input[type=file] 스타일 바꾸기, 첨부파일명 input[type=text]에 넣기 (0) | 2018.09.19 |
---|---|
[CSS] 테두리 있는 삼각형 만들기 (0) | 2018.09.18 |
[jQuery] 페이지 상단, 하단 이동 (0) | 2018.09.14 |
[jQuery] li의 index값을 알아내어 탭 변경하기 (0) | 2018.09.13 |
[jQuery] 스크롤 위 아래 감지하여 헤더 보이기 (0) | 2018.09.03 |
Comments