Close

Använd viewport för att styra Safaris utseende med minimal-ui

Fulhack för att skrolla ner i mobila Safari så adressfältet försvinnerI iOS 7.1 verkar det bli lättare, och snyggare, att dölja webbläsarens gränssnitt. I den andra beta-versionen har Apple nämligen lagt till att Safari kollar i viewstate efter gränssnittsutseende.

Lägger du till nedan kod kommer adressfältet upptill och navigationsfältet nedtill i Safari att försvinna.

<meta name="viewport" content="minimal-ui">

Detta är snyggare än tidigare lösningar, som bland annat jag använt, där man med javascript skrollar ner sidan så toppnavigeringen försvinner. Se kodexempel nedan:

<script type="text/javascript">// <![CDATA[
 /Mobile/.test(navigator.userAgent) && !location.hash && setTimeout(function() {
 if (!pageYOffset) window.scrollTo(0, 1);
 }, 1000);
// ]]>
</script>

Med tanke på hur snabbt folk med Apple-enheter brukar uppdatera operativet kan vi som har ovan fulkod byta ut den vid nästa kodrelease. Som grädde på moset kommer Google Pagespeed klaga mindre på inline-script (y)

Mer info finns på iOS Dev Center.

Leave a Reply

Your email address will not be published. Required fields are marked *