스크롤이 있는 상태에서 div 전체화면으로 고정하기 질문드려요. 채택완료
그누초보님
9년 전
조회 6,930
안녕하세요! sir 능력자님!
오늘 막히는 부분은 바로 div 를 화면 전체를 씌우는 건데요
스크롤이 없는 페이지에서는
width:100%; height:100%; 요고로 그냥 되는데
스크롤이 있는 길다란 페이지에서는
그냥 현재화면만 덮고 스크롤을 내리면 덮은 부분이 위로 올라가요.
그래서 position 에 fixed 를 주면 대충 전체화면을 덮긴 하는데
스크롤 할때마다 뒷 배경이 움직여서 보기가 좀 그런데요..
div 를 전체화면으로 덮고 스크롤까지 막을수 있을까요?
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
9년 전
css에서 overflow:hidden을 사용해 보세요.
물론 덮었던 div가 사라지면 overflow:auto로 스크롤바를 살리셔야겠죠 ㅎ
로그인 후 평가할 수 있습니다
답변에 대한 댓글 3개
�
그누초보님
9년 전
�
네이비칼라
9년 전
이런 경우에는 동적으로 바꿔주어야 함으로 자바스크립트를 사용할 수 밖에 없겠네요.
div가 많으면 <div id="overlay"> 처럼 아이디를 부여하고 제이쿼리로 해결해 보세요 ^^
div가 많으면 <div id="overlay"> 처럼 아이디를 부여하고 제이쿼리로 해결해 보세요 ^^
�
그누초보님
9년 전
조언 감사합니다^^
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
상위에 div 가 너무 많아서요 ㅠㅠ
자바스크립트를 쓰지않고서는 css 에서
임시로 스크롤을 안먹게 할수는 없나보네요 ㅠㅠ