IPhone 화면의 공간 절약 방법 - 상대적으로 웹 사이트를 디자인 할 때

비교적 작은 iPhone 화면 용 웹 사이트를 디자인 할 때 모든 픽셀은 소중합니다. 여기에 표시된 스크립트는 페이지를 자동으로 아래로 스크롤하고 검색 주소창을 숨기고 디자인에 더 많은 공간을 제공하도록 설계되었습니다.

HTML5 및 CSS 3을 사용하면 다양한 유형의 애니메이션 및 디자인 요소를 페이지에 추가 할 수 있지만 웹에서 가장 고급 대화 형 기능을 사용하려면 JavaScript 또는 PHP 또는 다른 유형의 프로그래밍을 사용해야합니다.

이 자바 스크립트는 창을 60 픽셀만큼 위로 슬라이드시킵니다. 이렇게하면 URL 필드가 브라우저 창 상단에서 차지하는 화면 공간의 거의 15 %가 다시 제공됩니다. 이 자바 스크립트를 웹 페이지에 추가하면 다른 브라우저에는 영향을주지 않고 iPhone 및 iPod touch의 Safari에서 검색 주소창을 자동으로 숨 깁니다.

이 스크립트는 Firefox, Internet Explorer 및 Safari가 iPad 또는 컴퓨터에서 사용될 때 무시됩니다.

다음은이 작업을 수행하는 코드입니다. 태그:

창 바로 전에이 코드를 웹 페이지 하단에 추가하기 만하면됩니다. }

이 스크립트는 첫 번째 iPhone이 출시 된 2007 년 Apple에 의해 출판되었습니다. 스크립트 태그는 HTML에 자바 스크립트가 오도록 지시합니다. HTML5에서 자바 스크립트는 기본 스크립팅 언어이므로 태그에는 없지만 스크립트 만 있으면됩니다. 작동 원리는 다음과 같습니다.

1. 첫 줄, 창. onload = function () {, 페이지가 처음로드 될 때 브라우저에서이 스크립트를 실행하도록 지시합니다.

2. 두 번째 줄인 setTimeout은 1/10 초 (해당 줄 끝의 숫자 100으로 정의)를 기다립니다.

3. 1/10 초 후에, function () {window. scrollTo (0, 1);}는 페이지를 실행하고 x 좌표 0과 y 좌표 y로 스크롤합니다.

프로그래밍을 완전히 처음 접한다면 w3Schools 웹 사이트에서 JavaScript 소개를 확인하십시오.