스크롤이 있는 상태에서 div 전체화면으로 고정하기 질문드려요.

스크롤이 있는 상태에서 div 전체화면으로 고정하기 질문드려요.

QA

스크롤이 있는 상태에서 div 전체화면으로 고정하기 질문드려요.

본문

안녕하세요! sir 능력자님!

오늘 막히는 부분은 바로 div 를 화면 전체를 씌우는 건데요

 

스크롤이 없는 페이지에서는

width:100%; height:100%; 요고로 그냥 되는데

 

스크롤이 있는 길다란 페이지에서는

 

그냥 현재화면만 덮고 스크롤을 내리면 덮은 부분이 위로 올라가요.

 

그래서 position 에 fixed 를 주면 대충 전체화면을 덮긴 하는데

스크롤 할때마다 뒷 배경이 움직여서 보기가 좀 그런데요..

 

 

div 를 전체화면으로 덮고 스크롤까지 막을수 있을까요?

 

 

이 질문에 댓글 쓰기 :

답변 2

css에서 overflow:hidden을 사용해 보세요.

물론 덮었던 div가 사라지면 overflow:auto로 스크롤바를 살리셔야겠죠 ㅎ

답변 감사합니다.
상위에 div 가 너무 많아서요 ㅠㅠ

자바스크립트를 쓰지않고서는 css 에서
임시로 스크롤을 안먹게 할수는 없나보네요 ㅠㅠ

이런 경우에는 동적으로 바꿔주어야 함으로 자바스크립트를 사용할 수 밖에 없겠네요.
div가 많으면 <div id="overlay"> 처럼 아이디를 부여하고 제이쿼리로 해결해 보세요 ^^

스크롤 길이 만큼 width:100%; height:200%; 와 같은 형태로 height %를 스크롤 길이만큼 해주시면 됩니다. 

답변을 작성하시기 전에 로그인 해주세요.
전체 7
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT