모바일 주소창 없애기

모바일 주소창

기본 모바일 주소 숨기기

// onload 이벤트
window.onload = function() {
    setTimeout(function() {
        window.scrollTo(0, 1);}, 100);
};

// addEventListener 이벤트
window.addEventListener('load', function(){
    setTimeout(scrollTo, 1);
}, false);

window.setTimeout(func, delay, [인자1, 인자2]);

scrollTo 메소드를 0초후에 실행하고 scrollTo 메소드의 파라미터값 (가로좌표값, 세로좌표값)

안드로이드에서 오동작 하는 경우를 살펴본 바 body의 height가 디바이스 height 보다 작은 페이지의 경우 숨기기가 되지 않는다. 

그래서 body의 height를 살짝 늘리는 CSS코드와 scroll를 제어 하는 코드를 같이 넣음

반영 코드

<style>
    body { min-height:540px; }
    body[orient="portrait"] { min-height:540px; }
    body[orient="landscape"] { min-height:400px; }
</style>

<script>

    // 안드로이드 버그 주소창 없애기
    window.addEventListener('load', function(){
        document.body.style.height = (document.documentElement.clientHeight + 5) + 'px';
        window.scrollTo(0, 1);
    }, false);

</script>

Jaehee's e-room