Como para economizar espaço na tela do iPhone

Quando você cria sites para a tela do iPhone relativamente pequeno, cada pixel é precioso. O script mostrado aqui é projetado para rolar a página para baixo automaticamente, esconder a barra de endereços e dando-lhe mais espaço para seus projetos.

HTML5 e CSS 3, torná-lo possível adicionar muitos tipos de animações e elementos de design para suas páginas, mas para os recursos interativos mais avançados na web, você precisa usar um pouco de javascript ou PHP ou outro tipo de programação.

Esta javascript desliza as linhas de pixels da janela 60 para cima. Isso dá a volta a quase 15 por cento de tela imobiliário que o campo URL leva-se na parte superior da janela do navegador. Quando você adiciona este javascript para uma página web, ele irá automaticamente esconder a barra de endereços do Safari no iPhone e no iPod touch sem afetar quaisquer outros navegadores.

Este script é ignorado pelo Firefox, Internet Explorer, Safari e até mesmo quando ele é usado em um iPad ou um computador.

Aqui está o código que faz este trabalho. Basta adicionar este código para a parte inferior de qualquer página web, um pouco antes da tag:

Este script foi publicado pela Apple em 2007, quando o primeiro iPhone foi lançado. As marcas de script dizer HTML que o javascript está chegando: Em HTML5, javascript é a linguagem de script padrão, então você não precisa ter nada em que tag mas script. Veja como funciona:

  1. A primeira linha, window.onload = function () {, diz ao navegador para executar este script quando a página é carregada pela primeira vez.

  2. A segunda linha, setTimeout, aguarda um décimo de segundo (definido pelo numeral 100 na extremidade da linha).

  3. Depois de um décimo de segundo, function () {window.scrollTo (0, 1) -} executa e rola a janela para a coordenada x 0 e a coordenada y y, mais conhecida como a parte superior da página.

Se você é completamente novo para a programação, vá para a introdução javascript no w3schools site.

menu