Webseiten-URL nicht "schrumpfen" in mobilen Safari

Question

Meine Website hat einen Wrapper im Körper, der zum Scrollen der inneren Elemente verwendet wird, das Problem (ich nehme an) ist, dass mobile Safari das Scrollen nicht erkennt, so dass die URL-Leiste ist nicht die Größe ändern. Gibt es Alternativen dazu?

Mit diesem Setup "schrumpfen" mobile Safari die URL-Leiste nicht, während Sie scrollen, wie es normalerweise auf anderen Websites der Fall wäre.

Answer 1

Für mobile Add dieses Meta-Tag <meta name="apple-mobile-web-app-capable" content="yes" />

oder versuchen Sie dies:

window.addEventListener("load", function() { 
     // Set a timeout... 
     setTimeout(function() { 
      // Hide the address bar! 
      window.scrollTo(0, 0); 
     }, 0); 
    }); 

Answer 2

Die Lösung für mich, die Position wurde entfernt: absolut in der Wrapper div und ersetzt sie durch:

.wrapper { 
    position: relative; 
    width: 100%; 
    height: 100%; 
}