투명화된 배경위에 가운데 고정 레이어를 보이게 하고 싶습니다 도와주세요.
본문
위 사이트 보시면 배경이 투명 처리 되있는대요
그 위에 레이어가 가운데 정렬로 그 레이어를 닫지 않으면 배경에 있는 컨텐츠를 움직이지 못하게 스크롤을 없애고 싶습니다 닫기 누르면 당연히 스크롤이 생겨서 배경에 있는 컨텐츠를 볼수 있게 해야겠지요.
아무리 찾아 봐도 원하는 소스가 없어서 소스가지고 계신분 도움 부탁드리겠습니다
답변 2
일단 설정을해야겠죠?
<body>
<div id="wrap">
<div id="header"></div>
<div id="content">
<div class="컨텐츠1"></div>
<div class="컨텐츠2"></div>
</div>
<div id="footer"></div>
</div>
<div id="레이어팝업"></div>
</body>
레이어팝업은 띄우는거 아시죠?
레이어팝업 띄울때 레이어팝업을 위에 코드같이 wrap같은 전체를 묶어둔것 밖에 생성하셔서 띄우세요.
그리고 팝업 띄우는 스크립트에 wrap의 높이값을 window.innerHeight로 바꿔주세요.
window.innerHeight == 현재 보고있는 브라우저의 안쪽 사이즈.
브라우저 화면 키울때 모서리쪽에 대고 마우스를 <->이렇게 만드시져. 이거 안쪽. 스크롤 안쪽. 위에 메뉴,주소,텝 그런거 다 빼고 안쪽만 크기를 빼오는거에요. 이렇게하면 wrap의 높이값이 딱 화면크기만나오게되서 스크롤 아무리내려도 같은화면보이고. 레이어팝업의 크기가 길면 레이어팝업만 스크롤되게 되는거에요.
보여지는 홈페이지 다름이름으로 html저장해서 소스만 따세요
답변을 작성하시기 전에 로그인 해주세요.
