So sparen Sie Platz auf dem iPhone-Bildschirm
Wenn Sie gestalten Webseiten für den relativ kleinen iPhone-Bildschirm, ist jedes Pixel kostbar. Das Skript hier gezeigt wird entworfen, um die Seite nach unten automatisch zu scrollen, die Adressleiste versteckt und Sie mehr Platz für Ihre Entwürfe zu geben.
HTML5 und CSS 3 machen es möglich, viele Arten von Animationen und Design-Elemente, um Ihre Seiten, sondern auch für die fortschrittlichsten interaktiven Funktionen im Web hinzuzufügen, müssen Sie ein wenig javascript oder PHP oder eine andere Art der Programmierung zu verwenden.
Dieser javascript gleitet die Fenster 60 Pixelreihen auf. Das gibt dem fast 15 Prozent der Bildschirmfläche, die das URL-Feld oben im Browserfenster einnimmt zurück. Wenn Sie diese javascript zu einer Webseite hinzufügen, wird es automatisch die Adressleiste in Safari auf dem iPhone und dem iPod touch verstecken, ohne irgendwelche anderen Browsern zu beeinflussen.
Dieses Skript wird von Firefox, Internet Explorer, ignoriert und sogar Safari, wenn es auf einem iPad oder einem Computer verwendet wird.
Hier ist der Code, der diese Arbeit macht. Fügen Sie einfach diesen Code auf der Unterseite jeder Webseite, kurz vor dem Tag:
Dieses Skript wurde im Jahr 2007 von Apple veröffentlicht, wenn das erste iPhone veröffentlicht wurde. Die Script-Tags HTML sagen, dass javascript kommt: In HTML5, javascript ist die Standard-Skriptsprache, so dass Sie alles, was nicht in diesem Tag aber Skript haben müssen. So funktioniert das:
Die erste Zeile, window.onload = function () {, sagt dem Browser, um dieses Skript, wenn die Seite geladen wird ausgeführt.
Die zweite Zeile, setTimeout, wartet ein Zehntel einer Sekunde (durch das Bezugszeichen 100 an dem Ende der Zeile definiert).
Nach einem Zehntel einer Sekunde, Funktion () {window.scrollTo (0, 1) -} ausführt und rollt das Fenster auf die x-Koordinate 0 und die y-Koordinate y, besser bekannt als die oben auf der Seite bekannt.
Wenn Sie ganz neu in die Programmierung sind, überprüfen Sie die javascript Einführung out bei der w3schools Webseite.