Die Adressleiste/URL-Leiste bleibt beim Scrollen in der mobilen Safari unverändert
<p>Ich erstelle eine Website mit React (16.8.6), aber beim mobilen Safari wird die URL-Leiste nicht minimiert/verkleinert, wenn der Benutzer mit dem Scrollen beginnt, wie es bei anderen Websites der Fall ist. </p>
<p>Das CSS für das Wrapping-Div sieht folgendermaßen aus: </p>
<p><br /></p>
<pre class="brush:js;toolbar:false;"><ContentContainer>
<ScrollContainer>
{...otherComponentsHere}
<ScrollContainer/>
<ContentContainer/></pre>
<pre class="brush:css;toolbar:false;">const ContentContainer = styled.div`
Höhe: 100 %; /*Erlaube zwei Spalten, die gesamte Höhe des Browserfensters einzunehmen*/
Überlauf-y: auto;
Flexwachstum: 1;
Anzeige: Flex;
Flexrichtung: Spalte;
`;
const ScrollContainer = styled.div`
Flex: 1;
`;</pre>
<p><br /></p>
<p>App.css sieht so aus:</p>
<p><br /></p>
<pre class="brush:css;toolbar:false;">html {
Höhe: 100 %;
Mindesthöhe: 100 Vh;
}
Körper {
Schriftfamilie: „Work Sans“, „Courier New“, serifenlos;
Mindesthöhe: 100 %;
Höhe: 100 %;
Rand: 0px;
}
#app {
Höhe: 100 %;
}
#Wurzel {
Höhe: 100 %;
Anzeige: Flex;
Überlauf: versteckt; /*Den Text nicht scrollbar machen*/
Boxgröße: border-box;
}</pre>
<p><br /></p>
<p>Ich versuche ein Problem in diesem CSS herauszufinden, das verhindert, dass die Safari-URL-Leiste beim Scrollen des Benutzers ausgeblendet wird. Ich danke Ihnen für Ihre Hilfe. </p>
