[이윰] modal 오픈시 modal-dialog 아래 background body 스크롤 안되게 하기
페이지 정보
루루아빠
7,161
2015.07.16 00:05:15
짧은주소
-
https://yadolee.com/tip/244 주소복사
본문
1. jQuery를 이용하는 방법
2. css를 이용하는 방법
<script type="text/javascript" src="http://jquery-1.11.2.min.js"></script>
<script type="text/javascript">
$('.modal')
.on('shown', function(){
console.log('show');
$('body').css({overflow: 'hidden'});
})
.on('hidden', function(){
$('body').css({overflow: ''});
});
</script>
2. css를 이용하는 방법
.modal-open {
overflow: hidden;
position: fixed;
width: 100%;
height: 100%;
}
추천인
-
추천해 주세요
레벨 101
경험치 1,519,440
Progress Bar 14.66%
- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS
BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑
루루아빠랍니다~~
댓글
첫 번째 댓글을 남겨 주세요