JavaScript 모바일 웹 주소창 숨기기
페이지 정보
본문
네이버나 다음의 모바일웹사이트에 가보시면 주소창이 사라지는걸 확인할수 있습니다.
아이폰과 안드로이드를 테스트한결과 둘다 사라집니다.
하지만 개인이 지식없이 만든 페이지의 대부분은 아이폰에서는 어떨지몰라도
안드로이드쪽에서는 100% 주소창이 남아있는 결과를 초래합니다.
결국 주소창만큼 페이지가 아래로 밀리게되고 보여지는 부분은 9/10이 되겟죠.
손으로 올려보면 주소창이 사라지지만 그건 근본적인 해결방안이 아닙니다.
위 사항은 자바스크립트문으로 간단하게 처리가 됩니다.
<script type="text/javascript" language = "javascript">
// 모바일 웹 주소창 숨기기
window.addEventListener('load', function() {
// body의 height를 살짝 늘리는 코드
document.body.style.height = (document.documentElement.clientHeight + 5) + 'px';
// scroll를 제어 하는 코드
setTimeout(scrollTo, 0, 0, 1);
}, false);
</script>
관련자료
http://lejewk.tistory.com/168
http://allyus.egloos.com/3385388
아이폰과 안드로이드를 테스트한결과 둘다 사라집니다.
하지만 개인이 지식없이 만든 페이지의 대부분은 아이폰에서는 어떨지몰라도
안드로이드쪽에서는 100% 주소창이 남아있는 결과를 초래합니다.
결국 주소창만큼 페이지가 아래로 밀리게되고 보여지는 부분은 9/10이 되겟죠.
손으로 올려보면 주소창이 사라지지만 그건 근본적인 해결방안이 아닙니다.
위 사항은 자바스크립트문으로 간단하게 처리가 됩니다.
<script type="text/javascript" language = "javascript">
// 모바일 웹 주소창 숨기기
window.addEventListener('load', function() {
// body의 height를 살짝 늘리는 코드
document.body.style.height = (document.documentElement.clientHeight + 5) + 'px';
// scroll를 제어 하는 코드
setTimeout(scrollTo, 0, 0, 1);
}, false);
</script>
관련자료
http://lejewk.tistory.com/168
http://allyus.egloos.com/3385388
댓글목록
등록된 댓글이 없습니다.