스크롤이 있는 상태에서 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 %를 스크롤 길이만큼 해주시면 됩니다.
답변 감사해요^^
답변을 작성하시기 전에 로그인 해주세요.