Home Ads

[자바스크립트] 모바일 웹일 때 주소창이 사라지게 설정

<script>

// <![CDATA[

   try{

        window.addEventListener("load", function(){

             setTimeout(scrollTo, 0, 0, 1);

        })

    } catch(e){  }

// ]]>

</script>



위 소스를 모바일 사이트에서 사용자의 편의성을 고려하기 위해 주소창을 가리는 방법이다.
이는 사실 주소창이 사라지는 것이 아니라 페이지의 x, y 값을 0, 0으로 설정해 주소창이 사라지는 것처럼 보이게 하는 것으로 사용자에게는 편의성을 제공할 수 있다.

다만 페이지 로딩이 느리면서 주소창이 있는 상태로 로딩되다가 갑자기 페이지가 위로 올라가기도 하는데, 이 사이에 사용자가 화면을 터치하며 원하지 않는 곳으로 페이지가 이동할수고 있으니 주의해야한다.





★ <![CDATA[   란?

CDATA는 SGML이나 XML에서 문자열(string)을 표현할 때 사용하는 기본 요소이다. 안에 들어있는 내용은 문자열 데이터라는 뜻이다. 하위 태그는 무시해도 되는 태그라는 것을 파서에게 알려주므로 오동작이나 오류를 막을 수 있다.
[자바스크립트] 모바일 웹일 때 주소창이 사라지게 설정 [자바스크립트] 모바일 웹일 때 주소창이 사라지게 설정 Reviewed by 코알라 on 9월 20, 2018 Rating: 5

댓글 없음:

페이지

Powered by Blogger.